fixing version display issues

apps/web/src/app/workspaces/components/active-capability-requests/active-capability-requests.component.html

@@ -71,18 +71,23 @@
           <app-status-badge [capabilityRequest]="request"></app-status-badge>
         </button>
       </td>
-      <td>{{ request.versions[request.versions.length -1].current_execution ? request.versions[request.versions.length -1].current_execution.state_name : "" }}</td>
+      <td *ngIf="request.state !== 'Created' && request.versions[request.versions.length - 1].state !== 'Created'">{{ request.versions[request.versions.length -1].current_execution ? request.versions[request.versions.length -1].current_execution.state_name : "" }}</td>
+      <td *ngIf="request.state === 'Created' || request.state === 'Submitted' && request.versions[request.versions.length -1].state === 'Created'">latest version has not been submitted</td>
       <td>{{ getMetadata(request).sdm_id }}</td>
       <td>{{ getMetadata(request).bands }}</td>
       <td>{{ getMetadata(request).array_config }}</td>
       <td>{{ getMetadata(request).obs_start_time }}</td>
       <td>{{ getMetadata(request).obs_end_time }}</td>
       <td>
-        <div class="form-check">
+        <div class="form-check" *ngIf="request.state !== 'Created'">
           <input (change)="toggleSRDPCompatibility(request.id, request.versions[request.versions.length -1].version_number, getMetadata(request).is_srdp)" class="form-check-input" type="checkbox" value="" id="srdp-compatible-checkbox" [checked]="getMetadata(request).is_srdp">
         </div>
+        <div class="form-check" *ngIf="request.state === 'Created'">
+          <input (change)="toggleSRDPCompatibility(request.id, -1, getMetadata(request).is_srdp)" class="form-check-input" type="checkbox" value="" id="srdp-compatible-checkbox" [checked]="getMetadata(request).is_srdp">
+        </div>
       </td>
-      <td>{{request.versions[0].current_execution.created_at | date: 'medium'}}</td>
+      <td *ngIf="request.state !== 'Created' && request.versions[request.versions.length - 1].state !== 'Created'">{{request.versions[request.versions.length - 1].current_execution.created_at | date: 'medium'}}</td>
+      <td *ngIf="request.state === 'Created' || request.state === 'Submitted' && request.versions[request.versions.length -1].state === 'Created'">Processing has not started</td>
     </tr>
   </tbody>
 </table>