@salesforce/plugin-omnistudio-migration-tool 2.0.0-beta.5 → 2.0.0-beta.7

package/lib/javascripts/reportGeneratorUtility.js

@@ -0,0 +1,195 @@
+function toggleFilterDropdown(tableId) {
+  const reportTable = document.getElementById(tableId);
+  const dropdown = reportTable.querySelector('#filter-dropdown');
+  const chevronUp = reportTable.querySelector('#chevron-up');
+  const chevronDown = reportTable.querySelector('#chevron-down');
+
+  if (dropdown && chevronUp && chevronDown) {
+    dropdown.classList.toggle('show');
+    chevronUp.classList.toggle('hidden');
+    chevronDown.classList.toggle('hidden');
+  }
+}
+
+function toggleDiffModal(name) {
+  const modal = document.getElementById(`myModal_${name}`);
+  modal.style.display = modal.style.display === 'none' ? 'flex' : 'none';
+}
+
+function toggleDiffModal(name) {
+  const modal = document.getElementById(`myModal_${name}`);
+  modal.style.display = modal.style.display === 'none' ? 'flex' : 'none';
+}
+
+function filterAndSearchTable(tableId) {
+  const reportTable = document.getElementById(tableId);
+  const table = reportTable.querySelector('#filterable-table-body');
+  const checkboxes = reportTable.querySelectorAll('.filter-checkbox');
+  const searchInput = reportTable.querySelector('#name-search-input');
+  const searchText = searchInput.value.trim().toLowerCase();
+  const filters = {};
+  const rows = Array.from(table?.rows || []);
+  let visibleRowCount = 0;
+
+  // Gather checked filter options
+  checkboxes.forEach((cb) => {
+    const key = cb.getAttribute('data-filter-key');
+    if (!key) return;
+    if (!filters[key]) filters[key] = [];
+    if (cb.checked) filters[key].push(cb.value);
+  });
+
+  const noRowsMessage = reportTable.querySelector('#no-rows-message');
+
+  // NEW: If any filter group has zero selected values → show no rows
+  const activeFilterKeys = [...new Set([...checkboxes].map((cb) => cb.getAttribute('data-filter-key')))];
+  const hasEmptyGroup = activeFilterKeys.some((key) => !filters[key] || filters[key].length === 0);
+  if (hasEmptyGroup) {
+    // Hide all rows and show no match message
+    rows.forEach((row) => {
+      if (row.id !== 'no-rows-message') row.style.display = 'none';
+    });
+    if (noRowsMessage) noRowsMessage.style.display = '';
+
+    // Update visible row count
+    const visibleRows = Array.from(table.rows).filter(
+      (row) => row.style.display !== 'none' && row.id !== 'no-rows-message'
+    );
+    reportTable.querySelector('#row-count').textContent = `Showing ${visibleRows.length} record${
+      visibleRows.length !== 1 ? 's' : ''
+    }`;
+    return;
+  }
+
+  // Otherwise, apply filters and search
+  let processedClasses = new Set();
+  rows.forEach((row) => {
+    if (row.id === 'no-rows-message') return;
+
+    let show = true;
+
+    // Apply checkbox filters
+    for (const key of Object.keys(filters)) {
+      const selectedValues = filters[key];
+      const cell = Array.from(row.cells).find((c) => c.getAttribute('key') === key);
+      const cellValue = cell?.getAttribute('value') || '';
+      if (!selectedValues.includes(cellValue)) {
+        show = false;
+        break;
+      }
+    }
+
+    // Apply name search filter
+    if (show && searchText !== '') {
+      const nameCell = row.querySelector('td[data-name]');
+      const nameValue = nameCell?.getAttribute('data-name')?.toLowerCase() || '';
+      if (!nameValue.includes(searchText)) {
+        show = false;
+      }
+    }
+
+    // row.style.display = show ? '' : 'none';
+    if (!processedClasses.has(row.classList[0])) {
+      hideOrShowData(reportTable, row.classList[0], show);
+      processedClasses.add(row.classList[0]);
+    }
+    if (show) visibleRowCount++;
+  });
+
+  if (noRowsMessage) {
+    noRowsMessage.style.display = visibleRowCount === 0 ? '' : 'none';
+  }
+
+  // Update visible row count
+  const visibleRows = Array.from(table.rows).filter(
+    (row) => row.style.display !== 'none' && row.id !== 'no-rows-message'
+  );
+  reportTable.querySelector('#row-count').textContent = `Showing ${visibleRows.length} record${
+    visibleRows.length !== 1 ? 's' : ''
+  }`;
+}
+
+function toggleCtaSummaryPanel() {
+  const panel = document.getElementById('cta-summary-panel');
+  const main = document.getElementById('main-panel');
+  const wrapper = document.getElementById('scrollable-wrapper');
+
+  const isVisible = panel.classList.contains('visible');
+  panel.classList.toggle('visible');
+  main.classList.toggle('shrunk');
+
+  // Ensure smooth scroll into view when opened
+  if (!isVisible) {
+    setTimeout(() => {
+      wrapper.scrollLeft = wrapper.scrollWidth;
+    }, 200); // wait for transition
+  }
+}
+function hideOrShowData(reportTable, rowClass, show) {
+  const rows = Array.from(reportTable.querySelectorAll(`.${rowClass}`));
+  rows.forEach((row) => {
+    row.style.display = show ? '' : 'none';
+  });
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+  document.querySelectorAll('.collapsible-content').forEach((collapsibleContent) => {
+    collapsibleContent.style.display = 'none';
+  });
+
+  var coll = document.getElementsByClassName('collapsible');
+  var i;
+
+  for (i = 0; i < coll.length; i++) {
+    coll[i].addEventListener('click', function () {
+      this.classList.toggle('active');
+      var content = this.nextElementSibling;
+      if (content.style.display === 'block') {
+        content.style.display = 'none';
+      } else {
+        content.style.display = 'block';
+      }
+    });
+  }
+
+  document.querySelectorAll('.rpt-table-container').forEach((tableContainer) => {
+    filterAndSearchTable(tableContainer.id);
+  });
+});
+
+function openReport(ele) {
+  const file = ele.dataset.summary;
+  window.open(file, '_blank');
+}
+
+function toggleCtaPanel() {
+  const panel = document.getElementById('ctaPanel');
+  const overlay = document.getElementById('overlay');
+
+  if (panel.classList.contains('open')) {
+    closeCtaPanel();
+  } else {
+    panel.classList.add('open');
+    overlay.classList.add('open');
+  }
+}
+
+function closeCtaPanel() {
+  const panel = document.getElementById('ctaPanel');
+  const overlay = document.getElementById('overlay');
+
+  panel.classList.remove('open');
+  overlay.classList.remove('open');
+}
+
+// Close panel on escape key
+document.addEventListener('keydown', function (event) {
+  if (event.key === 'Escape') {
+    closeCtaPanel();
+  }
+});
+
+// Expose globally so HTML inline event handlers can access them
+window.toggleFilterDropdown = toggleFilterDropdown;
+window.filterAndSearchTable = filterAndSearchTable;
+window.toggleCtaSummaryPanel = toggleCtaSummaryPanel;

package/lib/styles/AssessmentHomePage.css

@@ -0,0 +1,86 @@
+.dashboard-root {
+  background: #fafafa;
+  min-height: 100vh;
+  padding: 32px;
+}
+
+.dashboard-warning {
+  background: #fdebc8;
+  padding: 12px;
+  border-radius: 6px;
+  margin: 16px 0;
+}
+
+.dashboard-orginfo {
+  display: flex;
+  gap: 32px;
+  background: #fff;
+  padding: 24px;
+  border-radius: 8px;
+  margin-bottom: 32px;
+}
+
+.dashboard-modules {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 24px;
+}
+
+.dashboard-module-card {
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
+  flex: 1 1 320px;
+  min-width: 320px;
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.dashboard-module-title {
+  font-weight: 600;
+  font-size: 18px;
+}
+
+.dashboard-module-total {
+  font-size: 24px;
+  font-weight: 700;
+  margin-bottom: 16px;
+}
+
+.dashboard-module-row {
+  color: #888;
+  margin-bottom: 8px;
+  display: flex;
+  justify-content: space-between;
+}
+
+.dashboard-module-warn {
+  color: #d32f2f;
+}
+
+.dashboard-module-neutral {
+  color: #888;
+}
+
+.dashboard-module-success {
+  color: #388e3c;
+}
+
+.dashboard-module-btn {
+  margin-top: 16px;
+  padding: 8px 0;
+  border: 1px solid #1976d2;
+  border-radius: 4px;
+  background: #fff;
+  color: #1976d2;
+  cursor: pointer;
+  font-weight: 500;
+  transition: background 0.2s, color 0.2s;
+}
+
+.dashboard-module-btn:hover {
+  background: #1976d2;
+  color: #fff;
+}