- ![]()
-
+
+
+
+
+
-
+
-
-
-
+
+
+
+
+
Loading…
+
+
-
You don't have access to this bot
-Your account isn't on the authorized list. Contact the bot's administrator.
+Your account isn't on the authorized list for this bot. Contact the bot's administrator.
+
/js/app.js *before* their page script.
+// 2. Set `` so the header highlights
+// the correct nav link.
+// 3. Call `CollabCentral.init(onReady)` after DOMContentLoaded (or via a
+//
-
-
-
+
-
Job not found
The job you're looking for doesn't exist, has been purged, or belongs to a different bot.
-
-
+
+
diff --git a/html/jobDetail.js b/html/jobDetail.js
index b5f2638..4cce6cb 100644
--- a/html/jobDetail.js
+++ b/html/jobDetail.js
@@ -1,97 +1,74 @@
-var pathArray = window.location.pathname.split('/');
-var appName = pathArray[2];
+// Page script for jobDetail.html. Shared bootstrapping lives in js/app.js;
+// this file just fetches the requested job and renders the detail view.
var urlParams = new URLSearchParams(window.location.search);
var jobId = urlParams.get('jobId');
-if (!getCookie("id")) {
- var randomNumber = Math.random().toString().substring(2);
- fetch('/CollabCentral/' + appName + '/authUrl')
- .then(res => res.text())
- .then(res => { window.location.href = res + randomNumber; });
-} else {
- bootstrap();
-}
+CollabCentral.init(function (ctx) {
+ loadJobDetail(ctx.appName);
+});
-function bootstrap() {
- fetch('/CollabCentral/' + appName + '/info')
- .then(res => res.json())
- .then(info => {
- document.title = info.label + " — Job #" + (jobId || "?");
- document.getElementById("appLabel").innerHTML = info.label;
- document.getElementById("name").innerHTML = getCookie("displayName") || "";
- document.getElementById("appName").href = info.faviconUrl;
- document.getElementById("jobLink").href = "/CollabCentral/" + appName + "/monitorJobs.html";
-
- var appIcon = document.getElementById("appIcon");
- appIcon.src = info.iconUrl;
- appIcon.style.maxHeight = "150px";
- appIcon.style.maxWidth = "150px";
-
- if (!info.authorized) {
- document.getElementById("unauthorizedPanel").classList.remove("hidden");
- return;
- }
- loadJobDetail();
- })
- .catch(err => console.error("Failed to load /info:", err));
-}
-
-function loadJobDetail() {
+function loadJobDetail(appName) {
if (!jobId) {
- document.getElementById("notFoundPanel").classList.remove("hidden");
+ document.getElementById('notFoundPanel').classList.remove('hidden');
return;
}
fetch('/CollabCentral/' + appName + '/jobs/detail/' + encodeURIComponent(jobId))
- .then(res => {
+ .then(function (res) {
if (res.status === 404) {
- document.getElementById("notFoundPanel").classList.remove("hidden");
+ document.getElementById('notFoundPanel').classList.remove('hidden');
return null;
}
- if (!res.ok) throw new Error("HTTP " + res.status);
+ if (!res.ok) throw new Error('HTTP ' + res.status);
return res.json();
})
- .then(job => {
+ .then(function (job) {
if (!job) return;
renderJob(job);
- document.getElementById("detailPanel").classList.remove("hidden");
+ document.getElementById('detailPanel').classList.remove('hidden');
})
- .catch(err => {
- console.error("Failed to load job detail:", err);
- document.getElementById("notFoundPanel").classList.remove("hidden");
+ .catch(function (err) {
+ console.error('Failed to load job detail:', err);
+ document.getElementById('notFoundPanel').classList.remove('hidden');
});
}
function renderJob(job) {
- document.getElementById("jobTitle").textContent = "Job #" + (job.jobId || "?");
- var subtitle = "Sent by " + (job.senderDisplayName || "unknown");
- if (job.startTime) subtitle += " · started " + formatDate(job.startTime);
- document.getElementById("subtitle").textContent = subtitle;
+ document.getElementById('jobTitle').textContent = 'Job #' + (job.jobId || '?');
+
+ var subtitle = 'Sent by ' + (job.senderDisplayName || 'unknown');
+ if (job.startTime) subtitle += ' · started ' + CollabCentral.formatDate(job.startTime);
+ document.getElementById('subtitle').textContent = subtitle;
- var dl = document.getElementById("summaryGrid");
- dl.innerHTML = "";
var stats = job.stats || {};
var rows = [
- ["Job ID", job.jobId],
- ["Submitted by", job.senderDisplayName],
- ["Scheduled for", job.scheduledFor ? formatDate(job.scheduledFor) : "Sent immediately"],
- ["Started", formatDate(job.startTime)],
- ["Completed", job.endTime ? formatDate(job.endTime) : "In progress"],
- ["Total duration", stats.totalTime],
- ["Webex time", stats.webexTime],
- ["Average per message", stats.averageTime],
- ["Recipients", (job.memberList || []).length],
- ["Delivered", formatSuccess(stats)]
+ ['Job ID', job.jobId],
+ ['Submitted by', job.senderDisplayName],
+ ['Scheduled for', job.scheduledFor ? CollabCentral.formatDate(job.scheduledFor) : 'Sent immediately'],
+ ['Started', CollabCentral.formatDate(job.startTime)],
+ ['Completed', job.endTime ? CollabCentral.formatDate(job.endTime) : 'In progress'],
+ ['Total duration', stats.totalTime],
+ ['Webex time', stats.webexTime],
+ ['Average per message', stats.averageTime],
+ ['Recipients', (job.memberList || []).length],
+ ['Delivered', formatSuccess(stats)],
];
+
+ var dl = document.getElementById('summaryGrid');
+ dl.innerHTML = '';
for (var i = 0; i < rows.length; i++) {
var key = rows[i][0], val = rows[i][1];
- if (val === undefined || val === null || val === "") continue;
- var dt = document.createElement("dt"); dt.textContent = key;
- var dd = document.createElement("dd"); dd.textContent = val;
- dl.appendChild(dt); dl.appendChild(dd);
+ if (val === undefined || val === null || val === '') continue;
+ var dt = document.createElement('dt');
+ dt.textContent = key;
+ var dd = document.createElement('dd');
+ dd.textContent = val;
+ dl.appendChild(dt);
+ dl.appendChild(dd);
}
- var preview = document.getElementById("messagePreview");
+ // Message preview: prefer HTML, fall back to markdown/text.
+ var preview = document.getElementById('messagePreview');
var msg = (job.message && job.message.english) || job.message || {};
if (msg.html) {
preview.innerHTML = msg.html;
@@ -99,14 +76,14 @@ function renderJob(job) {
preview.textContent = msg.markdown;
} else if (msg.text) {
preview.textContent = msg.text;
- } else if (typeof msg.raw === "string") {
+ } else if (typeof msg.raw === 'string') {
preview.textContent = msg.raw;
} else {
- preview.innerHTML = "No message content available.";
+ preview.innerHTML = 'No message content available.';
}
var members = job.memberList || [];
- document.getElementById("recipientCount").textContent = members.length;
+ document.getElementById('recipientCount').textContent = members.length;
$('#recipients').dataTable({
data: members.map(formatRecipientRow),
@@ -115,22 +92,22 @@ function renderJob(job) {
{ data: 'email' },
{ data: 'status' },
{ data: 'time' },
- { data: 'error' }
+ { data: 'error' },
],
pageLength: 50,
lengthMenu: [25, 50, 100, 250],
order: [[2, 'asc']],
searching: true,
info: true,
- paging: true
+ paging: true,
});
}
function formatRecipientRow(m) {
var result = m.results || null;
var status;
- var email = "—";
- var err = "";
+ var email = '—';
+ var err = '';
if (!result) {
status = 'Pending';
@@ -142,38 +119,25 @@ function formatRecipientRow(m) {
email = result.toPersonEmail || email;
if (result.message) err = result.message;
else if (result.errors && result.errors.length) {
- err = result.errors.map(function (e) { return e.description || e.code || JSON.stringify(e); }).join("; ");
+ err = result.errors.map(function (e) {
+ return e.description || e.code || JSON.stringify(e);
+ }).join('; ');
}
}
return {
- displayName: m.displayName || "—",
+ displayName: m.displayName || '—',
email: email,
status: status,
- time: m.msgTime ? (m.msgTime / 1000).toFixed(2) + " s" : "—",
- error: err
+ time: m.msgTime ? (m.msgTime / 1000).toFixed(2) + ' s' : '—',
+ error: err,
};
}
function formatSuccess(stats) {
if (!stats || stats.succeededMsgs === undefined) return null;
- var pct = (typeof stats.succeededMsgPct === "number") ? stats.succeededMsgPct.toFixed(1) : stats.succeededMsgPct;
- return stats.succeededMsgs + " / " + stats.totalMsgs + " (" + pct + "%)";
-}
-
-function formatDate(d) {
- if (!d) return null;
- try { return new Date(d).toLocaleString(); } catch (e) { return d; }
-}
-
-function getCookie(cname) {
- let name = cname + "=";
- let decodedCookie = decodeURIComponent(document.cookie);
- let ca = decodedCookie.split(';');
- for (let i = 0; i < ca.length; i++) {
- let c = ca[i];
- while (c.charAt(0) == ' ') c = c.substring(1);
- if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
- }
- return "";
+ var pct = (typeof stats.succeededMsgPct === 'number')
+ ? stats.succeededMsgPct.toFixed(1)
+ : stats.succeededMsgPct;
+ return stats.succeededMsgs + ' / ' + stats.totalMsgs + ' (' + pct + '%)';
}
diff --git a/html/js/app.js b/html/js/app.js
new file mode 100644
index 0000000..963b842
--- /dev/null
+++ b/html/js/app.js
@@ -0,0 +1,159 @@
+// Shared browser bootstrap for the three CollabCentral pages (sendMessage,
+// monitorJobs, jobDetail). Handles the auth cookie check, redirects to the
+// OAuth flow when needed, fetches /info once, and populates the shared header
+// (bot avatar, bot label, current user name, active-page highlight).
+//
+// Pages should:
+// 1. Include /CollabCentral/
+
+
-
-
-
+
+
+
+
Message
-
+ Message
+
- Recipients (0)
- | Name | -Status | -Send Time | -Error | -
|---|
Recipients (0)
+ | Name | +Status | +Send time | +Error | +
|---|
-
- ![]()
-
+
+
+
-
+
-
-
-
+
+
+
+
+
Loading…
+
+
-
You don't have access to this bot
Your account isn't on the authorized list for this bot. If you believe this is a mistake, contact the bot's administrator.
-
-
-
-
-
-
+ CollabCentral
-
-
-
-
+
+
-
-
+
-
-
+
-
-
Running Jobs
- -| Submitter | -App | -Start Time | -Total Recipients | -Completed Recipients | -
|---|
Scheduled Jobs
-| Submitter | -App | -Message | -Recipients | -Scheduled for | -
|---|
+
-
-
+
+
+
-
\ No newline at end of file
+
diff --git a/html/monitorJobs.js b/html/monitorJobs.js
index 93fe635..34617cc 100644
--- a/html/monitorJobs.js
+++ b/html/monitorJobs.js
@@ -1,132 +1,126 @@
-var pathArray = window.location.pathname.split('/');
-var appName = pathArray[2];
+// Page script for monitorJobs.html. Shared bootstrapping lives in js/app.js;
+// this file just wires the three DataTables (running, scheduled, completed)
+// once the user is confirmed authorized.
-if (getCookie("id")) {
- console.log("Found ID Cookie: " + getCookie("id"));
+CollabCentral.init(function (ctx) {
+ document.getElementById('jobsPanel').classList.remove('hidden');
+ initJobTables(ctx.appName);
+});
- // Fetch bot metadata + authorization state, then render the page.
- fetch('/CollabCentral/' + appName + '/info')
- .then(res => res.json())
- .then(info => {
- document.title = info.label;
- document.getElementById("appLabel").innerHTML = info.label;
- document.getElementById("name").innerHTML = getCookie("displayName") || "";
- document.getElementById("appName").href = info.faviconUrl;
- document.getElementById("jobLink").href = "/CollabCentral/" + appName + "/sendMessage.html";
-
- var appIcon = document.getElementById("appIcon");
- appIcon.src = info.iconUrl;
- appIcon.style.maxHeight = "150px";
- appIcon.style.maxWidth = "150px";
-
- if (!info.authorized) {
- document.getElementById("unauthorizedPanel").classList.remove("hidden");
- return;
- }
-
- document.getElementById("jobsPanel").classList.remove("hidden");
- initJobTables();
- })
- .catch(err => console.error("Failed to load /info:", err));
-} else {
- console.log("No ID Cookie found.");
-
- var randomNumber = Math.random().toString();
- randomNumber = randomNumber.substring(2, randomNumber.length);
- fetch('/CollabCentral/' + appName + '/authUrl')
- .then(res => res.text())
- .then((res) => {
- window.location.href = res + randomNumber;
- });
+function jobDetailLink(appName, jobId, label) {
+ if (jobId === undefined || jobId === null) return CollabCentral.escapeHtml(label);
+ return '' +
+ CollabCentral.escapeHtml(label) + '';
}
-function initJobTables() {
+function renderDate(val) {
+ return val ? CollabCentral.escapeHtml(CollabCentral.formatDate(val)) : '';
+}
+
+function renderSuccessRate(pct) {
+ if (pct === undefined || pct === null || pct === '') return '';
+ var n = typeof pct === 'number' ? pct : parseFloat(pct);
+ if (isNaN(n)) return CollabCentral.escapeHtml(pct);
+ return n.toFixed(1) + '%';
+}
+
+function renderDelivered(row) {
+ var s = row.stats || {};
+ if (s.succeededMsgs === undefined || s.totalMsgs === undefined) return '';
+ return s.succeededMsgs + ' / ' + s.totalMsgs;
+}
+
+function initJobTables(appName) {
$('#runningJobs').dataTable({
ajax: {
url: '/CollabCentral/' + appName + '/jobs/list/running',
- dataSrc: ''
+ dataSrc: '',
},
columns: [
{ data: 'senderDisplayName' },
{ data: 'appName' },
- { data: 'startTime' },
+ { data: 'startTime', render: function (v) { return renderDate(v); } },
{ data: 'totalRecipients' },
{
data: 'completedRecipients',
render: function (val, type, row) {
if (type !== 'display' || row.jobId === undefined || row.jobId === null) return val;
- return val + ' view';
- }
- }
+ var text = (val === undefined || val === null) ? 'view' : val + ' · view';
+ return jobDetailLink(appName, row.jobId, text);
+ },
+ },
],
searching: false,
info: false,
ordering: false,
- paging: false
+ paging: false,
+ language: { emptyTable: 'No running jobs.' },
});
$('#scheduledJobs').dataTable({
ajax: {
url: '/CollabCentral/' + appName + '/jobs/list/scheduled',
- dataSrc: ''
+ dataSrc: '',
},
columns: [
{ data: 'senderDisplayName' },
{ data: 'appName' },
- { data: 'message' },
+ {
+ data: 'message',
+ render: function (val, type, row) {
+ if (type !== 'display') return '';
+ // Message is stored per-language; prefer english.html or english.markdown.
+ var m = (val && (val.english || val)) || {};
+ var html = m.html || m.markdown || m.text || '';
+ // Truncate to keep the row compact
+ var text = html.replace(/<[^>]+>/g, ' ').replace(/\s+/g, ' ').trim();
+ if (text.length > 120) text = text.slice(0, 117) + '…';
+ return CollabCentral.escapeHtml(text);
+ },
+ },
{ data: 'totalRecipients' },
- { data: 'scheduledFor' }
+ { data: 'scheduledFor', render: function (v) { return renderDate(v); } },
],
searching: false,
info: false,
ordering: false,
- paging: false
+ paging: false,
+ language: { emptyTable: 'No scheduled jobs.' },
});
$('#completedJobs').dataTable({
ajax: {
url: '/CollabCentral/' + appName + '/jobs/list/completed',
- dataSrc: ''
+ dataSrc: '',
},
columns: [
{
data: 'jobId',
- render: function (jobId) {
- if (jobId === undefined || jobId === null) return '';
- return '#' + jobId + '';
- }
+ render: function (jobId, type) {
+ if (type !== 'display') return jobId;
+ return jobDetailLink(appName, jobId, '#' + jobId);
+ },
},
{ data: 'senderDisplayName' },
{ data: 'appName' },
- { data: 'message.english.html' },
- { data: 'startTime' },
- { data: 'endTime' },
+ { data: 'startTime', render: function (v) { return renderDate(v); } },
+ { data: 'endTime', render: function (v) { return renderDate(v); } },
{ data: 'stats.totalTime' },
- { data: 'stats.webexTime' },
- { data: 'stats.averageTime' },
- { data: 'stats.succeededMsgs' },
- { data: 'stats.totalMsgs' },
- { data: 'stats.succeededMsgPct' }
+ {
+ data: null,
+ render: function (row, type) {
+ if (type !== 'display') return '';
+ return renderDelivered(row);
+ },
+ },
+ { data: 'stats.succeededMsgPct', render: function (v) { return renderSuccessRate(v); } },
],
- searching: false,
- info: false,
- ordering: false,
- paging: false
+ order: [[3, 'desc']],
+ pageLength: 25,
+ lengthMenu: [10, 25, 50, 100],
+ searching: true,
+ info: true,
+ paging: true,
+ language: { emptyTable: 'No completed jobs in the last 30 days.' },
});
}
-
-function getCookie(cname) {
- let name = cname + "=";
- let decodedCookie = decodeURIComponent(document.cookie);
- let ca = decodedCookie.split(';');
- for (let i = 0; i < ca.length; i++) {
- let c = ca[i];
- while (c.charAt(0) == ' ') {
- c = c.substring(1);
- }
- if (c.indexOf(name) == 0) {
- return c.substring(name.length, c.length);
- }
- }
- return "";
-}
diff --git a/html/sendMessage.html b/html/sendMessage.html
index 96bde4b..d416d1e 100644
--- a/html/sendMessage.html
+++ b/html/sendMessage.html
@@ -1,308 +1,100 @@
-
+
+
+
+
+
+
+
+
- Running
+Jobs currently sending.
+| Submitter | +App | +Start time | +Total recipients | +Completed | +
|---|
Completed Jobs
-| jobId | -Submitter | -App | -Message | -Start Time | -End Time | -Total Time | -Webex Time | -Average Message Time | -Messages Delivered | -Total Messages | -Success Rate | -
|---|
+
+
+
+
+
+ Scheduled
+Jobs waiting to fire.
+| Submitter | +App | +Message | +Recipients | +Scheduled for | +
|---|
+
+
+
+
Completed
+Jobs retained for 30 days. Click a job ID to open its detail view.
+| Job | +Submitter | +App | +Started | +Completed | +Total time | +Delivered | +Success rate | +
|---|
-
- ![]()
-
+
+
+
-
-
+
-
-
-
+
+
+
+
+
Loading…
+
+
-
You don't have access to this bot
Your account isn't on the authorized list for this bot. If you believe this is a mistake, contact the bot's administrator.
-