From 6f26e8833d0c995ce597495e268d75218192dcbd Mon Sep 17 00:00:00 2001
From: Tim Otten <totten@civicrm.org>
Date: Mon, 6 Jun 2022 17:31:57 -0700
Subject: [PATCH] crmQueueMonitor - Skeletal module

---
 Civi/Angular/Manager.php    |  1 +
 ang/crmQueueMonitor.ang.php | 16 ++++++++++++++++
 ang/crmQueueMonitor.js      | 27 +++++++++++++++++++++++++++
 3 files changed, 44 insertions(+)
 create mode 100644 ang/crmQueueMonitor.ang.php
 create mode 100644 ang/crmQueueMonitor.js

diff --git a/Civi/Angular/Manager.php b/Civi/Angular/Manager.php
index 6c7cde0b2a..79883b8552 100644
--- a/Civi/Angular/Manager.php
+++ b/Civi/Angular/Manager.php
@@ -121,6 +121,7 @@ class Manager {
       $angularModules['ui.bootstrap'] = include "$civicrm_root/ang/ui.bootstrap.ang.php";
       $angularModules['ui.sortable'] = include "$civicrm_root/ang/ui.sortable.ang.php";
       $angularModules['unsavedChanges'] = include "$civicrm_root/ang/unsavedChanges.ang.php";
+      $angularModules['crmQueueMonitor'] = include "$civicrm_root/ang/crmQueueMonitor.ang.php";
       $angularModules['crmStatusPage'] = include "$civicrm_root/ang/crmStatusPage.ang.php";
       $angularModules['exportui'] = include "$civicrm_root/ang/exportui.ang.php";
       $angularModules['api4Explorer'] = include "$civicrm_root/ang/api4Explorer.ang.php";
diff --git a/ang/crmQueueMonitor.ang.php b/ang/crmQueueMonitor.ang.php
new file mode 100644
index 0000000000..cbafd98666
--- /dev/null
+++ b/ang/crmQueueMonitor.ang.php
@@ -0,0 +1,16 @@
+<?php
+return [
+  'ext' => 'civicrm',
+  'js' => [
+    'ang/crmQueueMonitor.js',
+    // 'ang/crmQueueMonitor/*.js',
+    // 'ang/crmQueueMonitor/*/*.js',
+  ],
+  // 'css' => ['ang/crmQueueMonitor.css'],
+  // 'partials' => ['ang/crmQueueMonitor'],
+  'requires' => ['crmUi', 'crmUtil'],
+  'basePages' => [],
+  'exports' => [
+    'crm-queue-monitor' => 'E',
+  ],
+];
diff --git a/ang/crmQueueMonitor.js b/ang/crmQueueMonitor.js
new file mode 100644
index 0000000000..e3f878fb06
--- /dev/null
+++ b/ang/crmQueueMonitor.js
@@ -0,0 +1,27 @@
+(function (angular, $, _) {
+  "use strict";
+
+  console.log('init crmQueueMonitor module');
+  angular.module('crmQueueMonitor', CRM.angRequires('crmQueueMonitor'));
+
+  // "crmQueueMonitor" displays the status of a queue
+  // Example usage: <div crm-queue-monitor queue="foobar"></div>
+  // If "queue" is omitted, then inherit `CRM.vars.crmQueueMonitor.default`.
+  angular.module('crmQueueMonitor').component('crmQueueMonitor', {
+    // templateUrl: '~/crmQueueMonitor/Monitor.html',
+    template: '<div>TODO: Monitor "{{$ctrl.queue}}"</div>',
+    bindings: {
+      queue: '<'
+    },
+    controller: function($scope) {
+      var ts = $scope.ts = CRM.ts(null),
+        ctrl = this;
+
+      console.log('init crmQueueMonitor component for ', ctrl.queue);
+
+      // this.$onInit = function() {
+      // };
+    }
+  });
+
+})(angular, CRM.$, CRM._);
-- 
2.25.1