Workflow widget validation issues in multi-tile component

arches/app/media/js/viewmodels/workflow-step.js

@@ -151,7 +151,7 @@ define([
  lockableExternalSteps: self.lockableExternalSteps,
  workflowId: self.workflowId,
  workflowName: self.workflow.plugin.componentname,
- alert: self.alert,
+ alert: self.workflow.alert,
  outerSaveOnQuit: self.outerSaveOnQuit,
  isStepActive: self.active,
  workflowHistory: config.workflowHistory,

arches/app/media/js/views/components/workflows/workflow-component-abstract.js

@@ -560,11 +560,29 @@ define([
 
  var unorderedSavedData = ko.observableArray();
 
+ var allTileLength = self.tiles().length
+ var errorTiles = [];
+ var successfulTiles = [];
+
  self.tiles().forEach(function(tile) {
  tile.save(
- function(){/* onFail */}, 
+ function(response){
+ self.alert(new AlertViewModel(
+ 'ep-alert-red', 
+ response.responseJSON.title,
+ response.responseJSON.message,
+ null, 
+ function(){ return; }
+ ));
+
+ errorTiles.push(tile);
+ self.saving(false);
+ checkErrorTiles();
+ }, 
  function(savedTileData) {
  unorderedSavedData.push(savedTileData);
+ successfulTiles.push(savedTileData);
+ checkErrorTiles();
  }
  );
  });
@@ -608,6 +626,21 @@ define([
  saveSubscription.dispose(); /* self-disposing subscription only runs once */ 
  }
  });
+
+ var checkErrorTiles = () => {
+ if (errorTiles) {
+ if (allTileLength == errorTiles.length + successfulTiles.length) {
+ if (self.tiles().length === 1) {
+ self.tiles(errorTiles);
+ } else {
+ self.tiles(errorTiles)
+ }
+ self.saving(false);
+ self.complete(false);
+ // self.loading(false);
+ }
+ }
+ }
  };
 
  this.clearEditor = function() {

releases/7.5.4.md

@@ -7,6 +7,7 @@ Arches 7.5.4 Release Notes
 - Ensure search result pagination is visible on small screens #11191
 - Allow main (left) nav to scroll to content height when expanded #11243
 - Ensure resource type search filter dropdown is not displayed beneath search filter buttons #11188
+- Add error alerts to workflow multi-tile component #11194
 
 ### Dependency changes:
 ```