feat(server/web): jobs clear button + queue status (#2144)

* feat(server/web): jobs clear button + queue status

* adjust design and colors

* Adjust some styling

* show status next to buttons instead of on top

* Update rounded corner for badge

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>

mobile/openapi/lib/model/all_job_status_response_dto.dart

@@ -23,21 +23,21 @@ class AllJobStatusResponseDto {
     required this.searchQueue,
   });
 
-  JobCountsDto thumbnailGenerationQueue;
+  JobStatusDto thumbnailGenerationQueue;
 
-  JobCountsDto metadataExtractionQueue;
+  JobStatusDto metadataExtractionQueue;
 
-  JobCountsDto videoConversionQueue;
+  JobStatusDto videoConversionQueue;
 
-  JobCountsDto objectTaggingQueue;
+  JobStatusDto objectTaggingQueue;
 
-  JobCountsDto clipEncodingQueue;
+  JobStatusDto clipEncodingQueue;
 
-  JobCountsDto storageTemplateMigrationQueue;
+  JobStatusDto storageTemplateMigrationQueue;
 
-  JobCountsDto backgroundTaskQueue;
+  JobStatusDto backgroundTaskQueue;
 
-  JobCountsDto searchQueue;
+  JobStatusDto searchQueue;
 
   @override
   bool operator ==(Object other) => identical(this, other) || other is AllJobStatusResponseDto &&
@@ -97,14 +97,14 @@ class AllJobStatusResponseDto {
       }());
 
       return AllJobStatusResponseDto(
-        thumbnailGenerationQueue: JobCountsDto.fromJson(json[r'thumbnail-generation-queue'])!,
-        metadataExtractionQueue: JobCountsDto.fromJson(json[r'metadata-extraction-queue'])!,
-        videoConversionQueue: JobCountsDto.fromJson(json[r'video-conversion-queue'])!,
-        objectTaggingQueue: JobCountsDto.fromJson(json[r'object-tagging-queue'])!,
-        clipEncodingQueue: JobCountsDto.fromJson(json[r'clip-encoding-queue'])!,
-        storageTemplateMigrationQueue: JobCountsDto.fromJson(json[r'storage-template-migration-queue'])!,
-        backgroundTaskQueue: JobCountsDto.fromJson(json[r'background-task-queue'])!,
-        searchQueue: JobCountsDto.fromJson(json[r'search-queue'])!,
+        thumbnailGenerationQueue: JobStatusDto.fromJson(json[r'thumbnail-generation-queue'])!,
+        metadataExtractionQueue: JobStatusDto.fromJson(json[r'metadata-extraction-queue'])!,
+        videoConversionQueue: JobStatusDto.fromJson(json[r'video-conversion-queue'])!,
+        objectTaggingQueue: JobStatusDto.fromJson(json[r'object-tagging-queue'])!,
+        clipEncodingQueue: JobStatusDto.fromJson(json[r'clip-encoding-queue'])!,
+        storageTemplateMigrationQueue: JobStatusDto.fromJson(json[r'storage-template-migration-queue'])!,
+        backgroundTaskQueue: JobStatusDto.fromJson(json[r'background-task-queue'])!,
+        searchQueue: JobStatusDto.fromJson(json[r'search-queue'])!,
       );
     }
     return null;

mobile/openapi/lib/model/job_status_dto.dart

@@ -0,0 +1,119 @@
+//
+// AUTO-GENERATED FILE, DO NOT MODIFY!
+//
+// @dart=2.12
+
+// ignore_for_file: unused_element, unused_import
+// ignore_for_file: always_put_required_named_parameters_first
+// ignore_for_file: constant_identifier_names
+// ignore_for_file: lines_longer_than_80_chars
+
+part of openapi.api;
+
+class JobStatusDto {
+  /// Returns a new [JobStatusDto] instance.
+  JobStatusDto({
+    required this.jobCounts,
+    required this.queueStatus,
+  });
+
+  JobCountsDto jobCounts;
+
+  QueueStatusDto queueStatus;
+
+  @override
+  bool operator ==(Object other) => identical(this, other) || other is JobStatusDto &&
+     other.jobCounts == jobCounts &&
+     other.queueStatus == queueStatus;
+
+  @override
+  int get hashCode =>
+    // ignore: unnecessary_parenthesis
+    (jobCounts.hashCode) +
+    (queueStatus.hashCode);
+
+  @override
+  String toString() => 'JobStatusDto[jobCounts=$jobCounts, queueStatus=$queueStatus]';
+
+  Map<String, dynamic> toJson() {
+    final json = <String, dynamic>{};
+      json[r'jobCounts'] = this.jobCounts;
+      json[r'queueStatus'] = this.queueStatus;
+    return json;
+  }
+
+  /// Returns a new [JobStatusDto] instance and imports its values from
+  /// [value] if it's a [Map], null otherwise.
+  // ignore: prefer_constructors_over_static_methods
+  static JobStatusDto? fromJson(dynamic value) {
+    if (value is Map) {
+      final json = value.cast<String, dynamic>();
+
+      // Ensure that the map contains the required keys.
+      // Note 1: the values aren't checked for validity beyond being non-null.
+      // Note 2: this code is stripped in release mode!
+      assert(() {
+        requiredKeys.forEach((key) {
+          assert(json.containsKey(key), 'Required key "JobStatusDto[$key]" is missing from JSON.');
+          assert(json[key] != null, 'Required key "JobStatusDto[$key]" has a null value in JSON.');
+        });
+        return true;
+      }());
+
+      return JobStatusDto(
+        jobCounts: JobCountsDto.fromJson(json[r'jobCounts'])!,
+        queueStatus: QueueStatusDto.fromJson(json[r'queueStatus'])!,
+      );
+    }
+    return null;
+  }
+
+  static List<JobStatusDto>? listFromJson(dynamic json, {bool growable = false,}) {
+    final result = <JobStatusDto>[];
+    if (json is List && json.isNotEmpty) {
+      for (final row in json) {
+        final value = JobStatusDto.fromJson(row);
+        if (value != null) {
+          result.add(value);
+        }
+      }
+    }
+    return result.toList(growable: growable);
+  }
+
+  static Map<String, JobStatusDto> mapFromJson(dynamic json) {
+    final map = <String, JobStatusDto>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = JobStatusDto.fromJson(entry.value);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  // maps a json object with a list of JobStatusDto-objects as value to a dart map
+  static Map<String, List<JobStatusDto>> mapListFromJson(dynamic json, {bool growable = false,}) {
+    final map = <String, List<JobStatusDto>>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = JobStatusDto.listFromJson(entry.value, growable: growable,);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  /// The list of required keys that must be present in a JSON.
+  static const requiredKeys = <String>{
+    'jobCounts',
+    'queueStatus',
+  };
+}
+

mobile/openapi/lib/model/queue_status_dto.dart

@@ -0,0 +1,119 @@
+//
+// AUTO-GENERATED FILE, DO NOT MODIFY!
+//
+// @dart=2.12
+
+// ignore_for_file: unused_element, unused_import
+// ignore_for_file: always_put_required_named_parameters_first
+// ignore_for_file: constant_identifier_names
+// ignore_for_file: lines_longer_than_80_chars
+
+part of openapi.api;
+
+class QueueStatusDto {
+  /// Returns a new [QueueStatusDto] instance.
+  QueueStatusDto({
+    required this.isActive,
+    required this.isPaused,
+  });
+
+  bool isActive;
+
+  bool isPaused;
+
+  @override
+  bool operator ==(Object other) => identical(this, other) || other is QueueStatusDto &&
+     other.isActive == isActive &&
+     other.isPaused == isPaused;
+
+  @override
+  int get hashCode =>
+    // ignore: unnecessary_parenthesis
+    (isActive.hashCode) +
+    (isPaused.hashCode);
+
+  @override
+  String toString() => 'QueueStatusDto[isActive=$isActive, isPaused=$isPaused]';
+
+  Map<String, dynamic> toJson() {
+    final json = <String, dynamic>{};
+      json[r'isActive'] = this.isActive;
+      json[r'isPaused'] = this.isPaused;
+    return json;
+  }
+
+  /// Returns a new [QueueStatusDto] instance and imports its values from
+  /// [value] if it's a [Map], null otherwise.
+  // ignore: prefer_constructors_over_static_methods
+  static QueueStatusDto? fromJson(dynamic value) {
+    if (value is Map) {
+      final json = value.cast<String, dynamic>();
+
+      // Ensure that the map contains the required keys.
+      // Note 1: the values aren't checked for validity beyond being non-null.
+      // Note 2: this code is stripped in release mode!
+      assert(() {
+        requiredKeys.forEach((key) {
+          assert(json.containsKey(key), 'Required key "QueueStatusDto[$key]" is missing from JSON.');
+          assert(json[key] != null, 'Required key "QueueStatusDto[$key]" has a null value in JSON.');
+        });
+        return true;
+      }());
+
+      return QueueStatusDto(
+        isActive: mapValueOfType<bool>(json, r'isActive')!,
+        isPaused: mapValueOfType<bool>(json, r'isPaused')!,
+      );
+    }
+    return null;
+  }
+
+  static List<QueueStatusDto>? listFromJson(dynamic json, {bool growable = false,}) {
+    final result = <QueueStatusDto>[];
+    if (json is List && json.isNotEmpty) {
+      for (final row in json) {
+        final value = QueueStatusDto.fromJson(row);
+        if (value != null) {
+          result.add(value);
+        }
+      }
+    }
+    return result.toList(growable: growable);
+  }
+
+  static Map<String, QueueStatusDto> mapFromJson(dynamic json) {
+    final map = <String, QueueStatusDto>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = QueueStatusDto.fromJson(entry.value);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  // maps a json object with a list of QueueStatusDto-objects as value to a dart map
+  static Map<String, List<QueueStatusDto>> mapListFromJson(dynamic json, {bool growable = false,}) {
+    final map = <String, List<QueueStatusDto>>{};
+    if (json is Map && json.isNotEmpty) {
+      json = json.cast<String, dynamic>(); // ignore: parameter_assignments
+      for (final entry in json.entries) {
+        final value = QueueStatusDto.listFromJson(entry.value, growable: growable,);
+        if (value != null) {
+          map[entry.key] = value;
+        }
+      }
+    }
+    return map;
+  }
+
+  /// The list of required keys that must be present in a JSON.
+  static const requiredKeys = <String>{
+    'isActive',
+    'isPaused',
+  };
+}
+