Adds category display order

package-lock.json

@@ -12171,9 +12171,9 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
     },
     "sartography-workflow-lib": {
-      "version": "0.0.78",
-      "resolved": "https://registry.npmjs.org/sartography-workflow-lib/-/sartography-workflow-lib-0.0.78.tgz",
-      "integrity": "sha512-8z27+0hL4ZpnTpA6nHQUzQsspr+1d/y2T5oXtX3BwLj+YDvbWMcO3hzw7BfJnAqanxszNPjcdoFZatWaNPYb5w=="
+      "version": "0.0.79",
+      "resolved": "https://registry.npmjs.org/sartography-workflow-lib/-/sartography-workflow-lib-0.0.79.tgz",
+      "integrity": "sha512-AFPABwUrnVtjR4qsFX8oyl0ENViLw2RZbf/p+El+wDrOScUXgXKlH4lZl+GBo3i789Kw4xb/DiGicaZtEm3C3g=="
     },
     "sass": {
       "version": "1.23.3",

package.json

@@ -49,7 +49,7 @@
     "ngx-file-drop": "^8.0.8",
     "ngx-markdown": "^9.0.0",
     "rxjs": "~6.5.4",
-    "sartography-workflow-lib": "^0.0.78",
+    "sartography-workflow-lib": "^0.0.79",
     "tslib": "^1.11.1",
     "uuid": "^7.0.2",
     "zone.js": "^0.10.3"

src/app/_dialogs/workflow-spec-category-dialog/workflow-spec-category-dialog.component.ts

@@ -3,7 +3,7 @@ import {FormGroup} from '@angular/forms';
 import {MAT_DIALOG_DATA, MatDialogRef} from '@angular/material/dialog';
 import {FormlyFieldConfig, FormlyFormOptions} from '@ngx-formly/core';
 import {toSnakeCase} from 'sartography-workflow-lib';
-import {WorkflowSpecDialogData} from '../../_interfaces/dialog-data';
+import {WorkflowSpecCategoryDialogData, WorkflowSpecDialogData} from '../../_interfaces/dialog-data';
 
 @Component({
   selector: 'app-workflow-spec-category-dialog',
@@ -50,11 +50,24 @@ export class WorkflowSpecCategoryDialogComponent {
         required: true,
       },
     },
+    {
+      key: 'display_order',
+      type: 'input',
+      defaultValue: this.data.display_order,
+      templateOptions: {
+        type: 'number',
+        label: 'Display Order',
+        placeholder: 'Title of the workflow spec category',
+        description: 'This is a human-readable title for the workflow spec category,' +
+          'which should be easy for others to read and remember.',
+        required: true,
+      },
+    },
   ];
 
   constructor(
     public dialogRef: MatDialogRef<WorkflowSpecCategoryDialogComponent>,
-    @Inject(MAT_DIALOG_DATA) public data: WorkflowSpecDialogData,
+    @Inject(MAT_DIALOG_DATA) public data: WorkflowSpecCategoryDialogData,
   ) {
   }
 

src/app/_interfaces/dialog-data.ts

@@ -30,6 +30,7 @@ export interface WorkflowSpecCategoryDialogData {
   id: number;
   name: string;
   display_name: string;
+  display_order?: number;
 }
 
 export interface DeleteFileDialogData {

src/app/workflow-spec-list/workflow-spec-list.component.ts

@@ -177,6 +177,7 @@ export class WorkflowSpecListComponent implements OnInit {
         id: data.id,
         name: data.name,
         display_name: data.display_name,
+        display_order: data.display_order,
       };
 
       if (isNumberDefined(catId)) {