+ ${artifactLinks}
Links to Important Artifacts
@@ -135,9 +139,9 @@ export default async function decorate(block) {
Marketing Brief
-
@@ -164,6 +168,7 @@ export default async function decorate(block) {
try {
const imageObject = await searchAsset(program.programName, program.campaignName);
insertImageIntoCampaignImg(block,imageObject);
+ document.getElementById('totalassets').textContent = imageObject.assetCount;
} catch (error) {
console.error("Failed to load campaign image:", error);
}
@@ -186,6 +191,7 @@ export default async function decorate(block) {
decorateIcons(block);
buildChannelScope(await deliverables, block);
buildDeliverablesTable(await deliverables, block);
+ buildStatus(program.status);
}
function insertImageIntoCampaignImg(block,imageObject) {
@@ -196,8 +202,10 @@ function insertImageIntoCampaignImg(block,imageObject) {
campaignImgDiv.appendChild(imgElement);
}
async function buildDeliverablesTable(deliverables, block) {
- const rows = buildTableNoGroups(deliverables);
+ //const rows = buildTableNoGroups(deliverables);
+ const rows = buildTable(deliverables)
const tableRoot = block.querySelector('.table-content');
+ decorateIcons(rows);
tableRoot.appendChild(rows);
}
@@ -288,14 +296,40 @@ function buildAudienceList(program) {
return audienceList;
}
-function buildStatus(status) {
+function buildArtifactLinks(program) {
+ const artifactLinks = document.createElement('div');
+ artifactLinks.classList.add('links-wrapper');
+ artifactLinks.innerHTML = `
+
Links to Important Artifacts
+
+ `;
+ // see how many 'links' were made. if none, hide the section
+ const numLinks = artifactLinks.querySelectorAll('.campaign-link')?.length;
+ if (numLinks == 0) artifactLinks.classList.add('inactive');
+ return artifactLinks;
+}
+
+async function buildStatus(status) {
const statusDiv = document.createElement('div');
statusDiv.classList.add('campaign-status');
- const statusLabel = statusMappings[status].label;
- const statusColor = statusMappings[status].color;
- statusDiv.textContent = statusLabel;
- statusDiv.classList.add(statusColor);
- return statusDiv;
+ const statusJson = await getProgramInfo(programName, "getStatusList")
+ // use new function that doesn't require programname
+ const statusArray = statusJson.data.jsonByPath.item.json.options;
+ const statusMatch = statusArray.filter(item => item.value === status);
+ const statusText = statusMatch.length > 0 ? statusMatch[0].text : status;
+ const statusHex = statusMatch[0]["color-code"];
+ statusDiv.textContent = statusText;
+ statusDiv.style.backgroundColor = "#" + statusHex;
+ document.querySelector('.header-row1').appendChild(statusDiv);
}
function createAudience(audience) {
@@ -328,51 +362,58 @@ function formatDate(dateString) {
return formattedDate;
}
-function buildTable(data) {
+function buildTable(jsonResponse) {
+ const deliverableList = jsonResponse.data.deliverableList.items;
+ const programKpi = jsonResponse.data.programList.items.primaryKpi;
const rows = document.createElement('div');
- const uniqueCategories = getUniqueValues(data, 'category');
- let isRowHidden = true;
+ const uniqueCategories = getUniqueValues(deliverableList, 'deliverableType');
let emptyCategory = false;
uniqueCategories.forEach((category) => {
// build header row
let headerRow;
- if (!((category == undefined) || (category === ''))) {
- headerRow = buildHeaderRow(category, 'header', false);
- attachListener(headerRow);
- rows.appendChild(headerRow);
- } else {
+ const matchingCampaigns = deliverableList.filter(deliverable => deliverable.deliverableType === category);
+ const matchCount = matchingCampaigns.length;
+ if (category == null || category == undefined || category === '') {
emptyCategory = true;
headerRow = rows;
+ } else {
+ headerRow = buildHeaderRow(category, 'header', false, matchCount);
+ attachListener(headerRow);
+ rows.appendChild(headerRow);
}
- const matchingCampaigns = data.filter(campaign => campaign.category === category);
- // create subcategory headings
- const subCats = getUniqueValues(matchingCampaigns, 'subcategory');
- subCats.forEach((subCat) => {
- let subCatHeader;
- if (!((subCat == undefined) || (subCat === ''))) {
- if(emptyCategory) {
- subCatHeader = buildHeaderRow(subCat, 'category', false);
- } else {
- subCatHeader = buildHeaderRow(subCat, 'subcategory', true);
- }
- attachListener(subCatHeader);
- headerRow.appendChild(subCatHeader);
- } else {
- subCatHeader = rows;
- isRowHidden = false;
- }
-
- const matchingSubs = data.filter(campaign => campaign.subcategory === subCat);
- matchingSubs.forEach((campaign) => {
- const tableRow = buildTableRow(campaign, isRowHidden);
- subCatHeader.appendChild(tableRow);
- isRowHidden = true;
- });
- });
+ matchingCampaigns.forEach((campaign) => {
+ const tableRow = buildTableRow(campaign, programKpi, !emptyCategory);
+ headerRow.appendChild(tableRow);
+ })
+ // sort grouped rows by date
+ if (!emptyCategory) {
+ dateSort(headerRow);
+ }
+ emptyCategory = false;
})
+ //sort the rows
+ sortRows(rows);
return rows;
}
+function dateSort(parent) {
+ const childNodes = Array.from(parent.getElementsByClassName('datarow'));
+ childNodes.sort((a, b) => {
+ const dateA = new Date(a.querySelector('.completion-date').innerHTML);
+ const dateB = new Date(b.querySelector('.completion-date').innerHTML);
+ // Check if dates are valid
+ if (isNaN(dateA.getTime()) || isNaN(dateB.getTime())) {
+ return 0; // Move on if date is invalid
+ }
+
+ return dateA - dateB;
+ })
+
+ childNodes.forEach((node) => {
+ parent.appendChild(node);
+ })
+}
+
function buildTableNoGroups(response) {
const deliverableList = response.data.deliverableList.items;
const programKpi = response.data.programList.items.primaryKpi;
@@ -392,12 +433,20 @@ function getUniqueValues(array, filterValue) {
return Array.from(uniqueValues);
}
+function lookupType(rawType) {
+ const typeLookup = typeMappings[rawType]?.name;
+ const deliverableTypeLabel = (typeLookup != undefined) ? typeLookup : deliverableJson.deliverableType;
+ return deliverableTypeLabel;
+}
+
/**
* @param {string} category - String value of the category property
* @param {string} headerType - Type of header. Either 'category' or 'subcategory'
* @param {boolean} isInactive - Determines whether or not the header will be hidden initially
*/
-function buildHeaderRow(category, headerType, isInactive) {
+function buildHeaderRow(category, headerType, isInactive, matchCount) {
+ //look up friendly name for deliverable type
+ const typeLabel = lookupType(category);
const headerRow = document.createElement('div');
headerRow.classList.add('row', 'collapsible', 'header');
let divopen;
@@ -412,12 +461,14 @@ function buildHeaderRow(category, headerType, isInactive) {
${divopen}
-
+
`;
return headerRow;
}
function buildTableRow(deliverableJson, kpi, createHidden) {
+ //look up friendly name for deliverable type
+ const typeLabel = lookupType(deliverableJson.deliverableType);
const dataRow = document.createElement('div');
dataRow.classList.add('row', 'datarow');
if (createHidden) dataRow.classList.add('inactive');
@@ -430,7 +481,7 @@ function buildTableRow(deliverableJson, kpi, createHidden) {
platformString = platformString.slice(0, -2);
dataRow.innerHTML = `
${deliverableJson.deliverableName}
-
${deliverableJson.deliverableType}
+
${typeLabel}
${platformString}
Review Link
@@ -450,9 +501,12 @@ function buildTableRow(deliverableJson, kpi, createHidden) {