scale request validation flag for >=10 scale down

Author: William Hou

SingularityUI/app/actions/api/requests.es6

@@ -137,8 +137,8 @@ export const PersistSkipRequestHealthchecks = buildJsonApiAction(
 export const ScaleRequest = buildJsonApiAction(
   'SCALE_REQUEST',
   'PUT',
-  (requestId, {instances, skipHealthchecks, durationMillis, message, actionId, bounce, incremental }) => ({
-    url: `/requests/request/${requestId}/scale`,
+  (requestId, {instances, skipHealthchecks, durationMillis, message, actionId, bounce, incremental, largeScaleDownAcknowledged }) => ({
+    url: `/requests/request/${requestId}/scale?largeScaleDownAcknowledged=${largeScaleDownAcknowledged}`,
     body: { instances, skipHealthchecks, durationMillis, message, actionId, bounce, incremental }
   })
 );

SingularityUI/app/components/common/modal/FormModal.jsx

@@ -45,13 +45,17 @@ export default class FormModal extends React.Component {
   }
 
   static FormItem = (props) => {
-    if ((props.element.dependsOn && props.formState[props.element.dependsOn]) || !props.element.dependsOn) {
+    const noDepends = (!props.element.dependsOn && !props.element.dependsOnFormState);
+    const dependsOnOk = (props.element.dependsOn && props.formState[props.element.dependsOn]);
+    const dependsOnFormStateOk = (props.element.dependsOnFormState && props.element.dependsOnFormState(props.formState));
+    if (noDepends || dependsOnOk || dependsOnFormStateOk) {
       return (
         <div className={classNames(props.className, {'childItem': props.formState[props.element.dependsOn]})}>
           {props.children}
         </div>
       );
     }
+
     return null;
   };
 
@@ -502,6 +506,7 @@ FormModal.propTypes = {
     values: React.PropTypes.array,
     defaultValue: React.PropTypes.oneOfType([React.PropTypes.string, React.PropTypes.bool, React.PropTypes.number, React.PropTypes.array]),
     validateField: React.PropTypes.func, // String -> String, return field validation error or falsey value if valid
-    dependsOn: React.PropTypes.string // Only show this item if the other item (referenced by name) has a truthy value
+    dependsOn: React.PropTypes.string, // Only show this item if the other item (referenced by name) has a truthy value
+    dependsOnFormState: React.PropTypes.func, // Only show this item if this function applied to form state returns a truthy value
   })).isRequired
 };

SingularityUI/app/components/common/modalButtons/ScaleModal.jsx

@@ -39,15 +39,16 @@ class ScaleModal extends Component {
   }
 
   handleScale(data) {
-    const { instances, durationMillis, message, bounce, incremental } = data;
+    const { instances, durationMillis, message, bounce, incremental, largeScaleDownAcknowledged } = data;
     const isIncremental = incremental === 'incremental';
     this.props.scaleRequest(
       {
         instances,
         durationMillis,
         message,
         bounce,
-        incremental: isIncremental
+        incremental: isIncremental,
+        largeScaleDownAcknowledged
       }
     );
   }
@@ -95,6 +96,13 @@ class ScaleModal extends Component {
             name: 'message',
             type: FormModal.INPUT_TYPES.STRING,
             label: 'Message: (optional)'
+          },
+          {
+            name: 'largeScaleDownAcknowledged',
+            type: FormModal.INPUT_TYPES.BOOLEAN,
+            label: 'Explciit acknowledgement of large (>=10) scale down',
+            defaultValue: false,
+            dependsOnFormState: data => (this.props.currentInstances - data.instances) >= 10,
           }
         ]}>
         <p>Scaling request:</p>