diff --git a/audit_management/audit_management/dashboard.py b/audit_management/audit_management/dashboard.py index 5aa9ea9..f2f03f1 100644 --- a/audit_management/audit_management/dashboard.py +++ b/audit_management/audit_management/dashboard.py @@ -3,7 +3,7 @@ from frappe import _ @frappe.whitelist() -def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None, item_stages=None, time_filter=None): +def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None, item_stages=None, time_filter=None, query_type=None): user = frappe.session.user roles = frappe.get_roles(user) @@ -28,6 +28,12 @@ def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None, if isinstance(risk, str): risk_list = [r.strip() for r in risk.split(',') if r.strip()] elif isinstance(risk, list): risk_list = risk + # Handle multiple query types + query_type_list = [] + if query_type: + if isinstance(query_type, str): query_type_list = [q.strip() for q in query_type.split(',') if q.strip()] + elif isinstance(query_type, list): query_type_list = query_type + # Handle item stages (from child table) item_stage_list = [] if item_stages: @@ -96,6 +102,9 @@ def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None, if risk_list: if "Normal" in risk_list: p_filters["risk"] = ["in", risk_list + [None, ""]] else: p_filters["risk"] = ["in", risk_list] + + if query_type_list: + p_filters["query_type"] = ["in", query_type_list] pending_for_me_list = frappe.get_all( "My Audits", @@ -129,6 +138,10 @@ def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None, if allowed_divisions: filters["emp_division"] = ["in", allowed_divisions] else: filters["emp_division"] = "None" + # Apply Global query_type filter + if query_type_list: + filters["query_type"] = ["in", query_type_list] + # Calculate Counters for Manager/Member total_pending = frappe.db.count("My Audits", {**filters, "status": "Pending"}) closed_count = frappe.db.count("My Audits", {**filters, "status": "Closed"}) @@ -142,7 +155,7 @@ def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None, responded_count_manager = 0 not_responded_count_manager = 0 stage_counts = {} - time_counts = {"Today": 0, "Yesterday": 0, "Last Week": 0} + time_counts = {"Today": 0, "Yesterday": 0, "Last Week": 0, "All Time": 0} if manager_parents_names: resp_sql = "SELECT COUNT(DISTINCT parent) FROM `tabAudit Items` WHERE status = 'Responded' AND parent IN %s" @@ -164,6 +177,7 @@ def get_dashboard_stats(pending_start=0, recent_start=0, status=None, risk=None, time_counts["Today"] = frappe.db.sql(f"SELECT COUNT(DISTINCT parent) FROM `tabAudit Items` WHERE status = %s AND parent IN %s AND DATE({field}) = CURDATE()", (child_status, tuple(manager_parents_names)))[0][0] or 0 time_counts["Yesterday"] = frappe.db.sql(f"SELECT COUNT(DISTINCT parent) FROM `tabAudit Items` WHERE status = %s AND parent IN %s AND DATE({field}) = DATE_SUB(CURDATE(), INTERVAL 1 DAY)", (child_status, tuple(manager_parents_names)))[0][0] or 0 time_counts["Last Week"] = frappe.db.sql(f"SELECT COUNT(DISTINCT parent) FROM `tabAudit Items` WHERE status = %s AND parent IN %s AND DATE({field}) >= DATE_SUB(CURDATE(), INTERVAL 7 DAY)", (child_status, tuple(manager_parents_names)))[0][0] or 0 + time_counts["All Time"] = responded_count_manager if child_status == 'Responded' else not_responded_count_manager recent_list = [] has_more_recent = False diff --git a/audit_management/fixtures/custom_html_block.json b/audit_management/fixtures/custom_html_block.json index e11a929..a2711a2 100644 --- a/audit_management/fixtures/custom_html_block.json +++ b/audit_management/fixtures/custom_html_block.json @@ -2,12 +2,12 @@ { "docstatus": 0, "doctype": "Custom HTML Block", - "html": "

Audit Management

Status
Risk
Create Audit
Total Records
-
Draft
-
Pending
-
Closed
-
", - "modified": "2026-05-19 12:00:00.000000", + "html": "

Audit Management

Status
Risk
Create Audit
Total Records
-
Draft
-
Pending
-
Closed
-
", + "modified": "2026-05-27 12:20:00.000000", "name": "Audit Management", "private": 0, "roles": [], - "script": "(function () {\n const root = root_element || document;\n let userRole = '';\n let currentStatusFilter = [];\n let currentRiskFilter = [];\n let pendingStart = 0;\n let recentStart = 0;\n let currentItemStages = [];\n let currentTimeFilter = [];\n\n const upd = (id, val) => { \n const el = root.querySelector('#' + id); \n if (el) el.innerText = val ?? 0; \n };\n\n window.toggle_dropdown = (e) => {\n e.stopPropagation();\n const dd = root.querySelector('#actions-dropdown');\n if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n };\n\n window.toggle_filter_dropdown = (e, type) => {\n e.stopPropagation();\n root.querySelectorAll('.multiselect-list').forEach(d => {\n if (d.id !== 'filter-dropdown-' + type) d.style.display = 'none';\n });\n const dd = root.querySelector('#filter-dropdown-' + type);\n if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n };\n\n window.addEventListener('click', () => {\n root.querySelectorAll('.custom-dropdown, .multiselect-list').forEach(d => d.style.display = 'none');\n });\n\n const resetChildFilters = () => {\n currentItemStages = [];\n currentTimeFilter = [];\n root.querySelectorAll('.stage-item-checkbox, .time-checkbox').forEach(cb => cb.checked = false);\n };\n\n window.handle_checkbox_change = (type) => {\n const checkboxes = root.querySelectorAll('.' + type + '-checkbox:checked');\n const selected = Array.from(checkboxes).map(cb => cb.value);\n if (type === 'status') currentStatusFilter = selected; else currentRiskFilter = selected;\n \n const label = root.querySelector('#selected-' + type + '-label');\n const defaultLabel = type.charAt(0).toUpperCase() + type.slice(1);\n \n if (selected.length === 0) label.innerText = defaultLabel;\n else if (selected.length === 1) label.innerText = selected[0];\n else label.innerText = selected.length + ' Selected';\n\n const clearBtn = root.querySelector('#clear-filter-btn');\n if (clearBtn) clearBtn.style.display = (currentStatusFilter.length > 0 || currentRiskFilter.length > 0) ? 'flex' : 'none';\n \n resetChildFilters();\n refresh();\n };\n\n window.clear_filters = () => {\n root.querySelectorAll('input[type=checkbox]').forEach(cb => cb.checked = false);\n currentStatusFilter = []; currentRiskFilter = []; currentItemStages = []; currentTimeFilter = [];\n root.querySelector('#selected-status-label').innerText = 'Status';\n root.querySelector('#selected-risk-label').innerText = 'Risk';\n const clearBtn = root.querySelector('#clear-filter-btn');\n if (clearBtn) clearBtn.style.display = 'none';\n refresh();\n };\n\n const renderRows = (list) => list.map(i => `\n \n ${i.sr_no}\n ${i.name.split('-').pop()}\n ${i.emp_branch || '---'}\n ${i.audit_query_subject_box || '---'}\n ${i.emp_division || '---'}\n ${i.status || '---'}\n ${i.risk || 'Normal'}\n ${i.aging || 0}\n ${frappe.datetime.str_to_user(i.creation).split(' ')[0]}${frappe.datetime.comment_when(i.creation)}\n `).join('');\n\n window.load_more_data = (type) => {\n frappe.call({\n method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n args: {\n pending_start: type === 'pending' ? pendingStart + 10 : pendingStart,\n recent_start: type === 'recent' ? recentStart + 10 : recentStart,\n status: currentStatusFilter.join(','),\n risk: currentRiskFilter.join(','),\n item_stages: currentItemStages.join(','),\n time_filter: currentTimeFilter.join(',')\n },\n callback: function (r) {\n if (!r.message || !r.message.success) return;\n const d = r.message;\n if (type === 'pending') {\n pendingStart += 10;\n root.querySelector('#stage-items').insertAdjacentHTML('beforeend', renderRows(d.pending_list));\n const btn = root.querySelector('#pending-more-btn');\n if (btn) btn.style.display = d.has_more_pending ? 'flex' : 'none';\n } else {\n recentStart += 10;\n root.querySelector('#activity-body').insertAdjacentHTML('beforeend', renderRows(d.recent_list));\n const btn = root.querySelector('#recent-more-btn');\n if (btn) btn.style.display = d.has_more_recent ? 'flex' : 'none';\n }\n }\n });\n };\n\n function refresh() {\n pendingStart = 0; recentStart = 0;\n frappe.call({\n method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n args: { \n pending_start: 0, recent_start: 0, \n status: currentStatusFilter.join(','), \n risk: currentRiskFilter.join(','),\n item_stages: currentItemStages.join(','),\n time_filter: currentTimeFilter.join(',')\n },\n callback: function (r) {\n if (!r.message || !r.message.success) return;\n const d = r.message; userRole = d.role_type;\n const statusDropdown = root.querySelector('#filter-dropdown-status');\n const riskDropdown = root.querySelector('#filter-dropdown-risk');\n \n if (statusDropdown && !statusDropdown.hasChildNodes()) {\n const statusOps = userRole === 'stage_user' ? ['Pending', 'Responded', 'No Response'] : ['Draft', 'Pending', 'Closed'];\n statusDropdown.innerHTML = statusOps.map(opt => \"
\" + opt + \"
\").join('');\n const riskOps = ['High', 'Medium', 'Normal'];\n riskDropdown.innerHTML = riskOps.map(opt => \"
\" + opt + \"
\").join('');\n }\n\n // Sync Timeframe Checkboxes (Always run)\n root.querySelectorAll('.time-checkbox').forEach(cb => {\n cb.checked = currentTimeFilter.includes(cb.value);\n });\n\n const stageView = root.querySelector('#stage-view');\n const managerView = root.querySelector('#manager-view');\n const masterCapsules = root.querySelector('.master-capsule-container');\n const draftCard = root.querySelector('#draft-card');\n const totalCard = root.querySelector('#total-card');\n const nrCard = root.querySelector('#nr-card');\n const respCard = root.querySelector('#resp-card');\n const closedCard = root.querySelector('#c-card');\n const sReportBtn = root.querySelector('#stage-report-btn');\n \n root.querySelectorAll('.compact-stat-card').forEach(c => c.classList.remove('active-card'));\n\n if (userRole === 'stage_user') {\n if (stageView) stageView.style.display = 'block';\n if (managerView) managerView.style.display = 'none';\n if (masterCapsules) {\n masterCapsules.style.display = 'flex';\n root.querySelectorAll('.multiselect-container, .dropdown-wrapper, .create-btn-capsule').forEach(el => el.style.display = 'none');\n if (sReportBtn) sReportBtn.style.display = 'flex';\n }\n if (draftCard) draftCard.style.display = 'none';\n if (totalCard) totalCard.style.display = 'none';\n if (respCard) respCard.style.display = 'none';\n if (nrCard) nrCard.style.display = 'block';\n \n upd('val-pending', d.pending_for_me); upd('lbl-pending', 'Pending Me');\n upd('val-nr', d.not_responded_count);\n upd('val-closed', d.responded_by_me); upd('lbl-closed', 'Responded');\n\n if (currentStatusFilter.length > 0) {\n const activeStatus = currentStatusFilter[0];\n if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n else if (activeStatus === 'Responded') root.querySelector('#c-card')?.classList.add('active-card');\n }\n\n const stageItems = root.querySelector('#stage-items');\n const pendingMore = root.querySelector('#pending-more-btn');\n if (d.pending_list && d.pending_list.length > 0) {\n stageItems.innerHTML = renderRows(d.pending_list);\n if (pendingMore) pendingMore.style.display = d.has_more_pending ? 'flex' : 'none';\n } else {\n stageItems.innerHTML = 'No records found';\n if (pendingMore) pendingMore.style.display = 'none';\n }\n\n } else {\n if (stageView) stageView.style.display = 'none';\n if (managerView) managerView.style.display = 'block';\n if (masterCapsules) masterCapsules.style.display = 'flex';\n if (sReportBtn) sReportBtn.style.display = 'none';\n if (draftCard) draftCard.style.display = 'block';\n if (totalCard) totalCard.style.display = 'block';\n if (nrCard) nrCard.style.display = 'block';\n if (respCard) respCard.style.display = 'block';\n if (closedCard) closedCard.style.display = 'block';\n \n upd('val-draft', d.draft_count);\n upd('val-total', (d.draft_count || 0) + (d.total_pending || 0) + (d.closed_count || 0));\n upd('val-pending', d.total_pending); upd('lbl-pending', 'Total Pending');\n upd('val-closed', d.closed_count); upd('lbl-closed', 'Closed');\n upd('val-nr', d.not_responded_count);\n upd('val-resp', d.responded_by_me);\n\n if (currentStatusFilter.length > 0) {\n const activeStatus = currentStatusFilter[0];\n if (activeStatus === 'Draft') root.querySelector('#draft-card')?.classList.add('active-card');\n else if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n else if (activeStatus === 'Closed') root.querySelector('#c-card')?.classList.add('active-card');\n else if (activeStatus === 'Responded') root.querySelector('#resp-card')?.classList.add('active-card');\n else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n } else if (currentRiskFilter.length === 0) {\n root.querySelector('#total-card')?.classList.add('active-card');\n }\n\n const drilldown = root.querySelector('#drilldown-section');\n if (drilldown) {\n const showDrill = (currentStatusFilter.includes('Responded') || currentStatusFilter.includes('No Response'));\n drilldown.style.display = showDrill ? 'block' : 'none';\n const stageList = root.querySelector('#stage-checkbox-list');\n if (showDrill && stageList) {\n frappe.call({\n method: 'frappe.client.get_list',\n args: { doctype: 'Audit Stage', fields: ['name'], order_by: 'name asc' },\n callback: (r) => {\n if (r.message) {\n const counts = d.stage_counts || {};\n const tc = d.time_counts || {}; \n root.querySelector('#count-today').innerText = '(' + (tc.Today || 0) + ')'; \n root.querySelector('#count-yest').innerText = '(' + (tc.Yesterday || 0) + ')'; \n root.querySelector('#count-week').innerText = '(' + (tc['Last Week'] || 0) + ')'; \n const upAll = root.querySelector('#count-all'); \n if (upAll) upAll.innerText = '(' + (tc['All Time'] || 0) + ')'; \n stageList.innerHTML = r.message.map(s => {\n const count = counts[s.name] || 0;\n const isChecked = currentItemStages.includes(s.name) ? 'checked' : '';\n return ``;\n }).join('');\n }\n }\n });\n }\n }\n\n const activityBody = root.querySelector('#activity-body');\n const recentMore = root.querySelector('#recent-more-btn');\n if (d.recent_list && d.recent_list.length > 0) {\n activityBody.innerHTML = renderRows(d.recent_list);\n if (recentMore) recentMore.style.display = d.has_more_recent ? 'flex' : 'none';\n } else {\n activityBody.innerHTML = 'No recent activity';\n if (recentMore) recentMore.style.display = 'none';\n }\n }\n }\n });\n }\n\n window.show_reports_selection = () => {\n const reports = ['My Audits Report', 'Pending Audit Queries Aging Report', 'Process Technical Improvement Commitment Report', 'Recurring Operational Reports'];\n let html = `
\n ${reports.map(r => ``).join('')}\n
`;\n let d = new frappe.ui.Dialog({ title: 'Select Report', fields: [{ fieldtype: 'HTML', fieldname: 'reports_html', options: html }] });\n d.show();\n };\n\n window.handle_total_click = () => { \n frappe.set_route('List', 'My Audits');\n };\n\n window.handle_draft_click = () => {\n frappe.set_route('List', 'My Audits', { status: 'Draft' });\n };\n\n window.handle_responded_click = () => {\n currentStatusFilter = ['Responded']; currentItemStages = []; currentTimeFilter = ['Today'];\n root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n refresh();\n };\n\n window.handle_not_responded_click = () => {\n currentStatusFilter = ['No Response']; currentItemStages = []; currentTimeFilter = ['Today'];\n root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n refresh();\n };\n\n window.handle_pending_click = () => { \n frappe.set_route('List', 'My Audits', { status: 'Pending' });\n };\n\n window.handle_closed_click = () => { \n frappe.set_route('List', 'My Audits', { status: 'Closed' });\n };\n\n window.handle_item_stage_change = () => {\n currentItemStages = Array.from(root.querySelectorAll('.stage-item-checkbox:checked')).map(cb => cb.value);\n refresh();\n };\n\n window.handle_time_filter_change = () => {\n currentTimeFilter = Array.from(root.querySelectorAll('.time-checkbox:checked')).map(cb => cb.value);\n refresh();\n };\n\n $(document).on('workspace_render', refresh); refresh();\n})();\n", + "script": "(function () {\n const root = root_element || document;\n let userRole = '';\n let currentStatusFilter = [];\n let currentRiskFilter = [];\n let pendingStart = 0;\n let recentStart = 0;\n let currentItemStages = [];\n let currentTimeFilter = [];\n let currentQueryTypeFilter = [];\n\n const upd = (id, val) => { \n const el = root.querySelector('#' + id); \n if (el) el.innerText = val ?? 0; \n };\n\n window.toggle_dropdown = (e) => {\n e.stopPropagation();\n const dd = root.querySelector('#actions-dropdown');\n if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n };\n\n window.toggle_filter_dropdown = (e, type) => {\n e.stopPropagation();\n root.querySelectorAll('.multiselect-list').forEach(d => {\n if (d.id !== 'filter-dropdown-' + type) d.style.display = 'none';\n });\n const dd = root.querySelector('#filter-dropdown-' + type);\n if (dd) dd.style.display = dd.style.display === 'none' ? 'block' : 'none';\n };\n\n window.addEventListener('click', () => {\n root.querySelectorAll('.custom-dropdown, .multiselect-list').forEach(d => d.style.display = 'none');\n });\n\n const resetChildFilters = () => {\n currentItemStages = [];\n currentTimeFilter = [];\n currentQueryTypeFilter = [];\n root.querySelectorAll('.stage-item-checkbox, .time-checkbox, .query-type-item-checkbox').forEach(cb => cb.checked = false);\n };\n\n window.handle_checkbox_change = (type) => {\n const checkboxes = root.querySelectorAll('.' + type + '-checkbox:checked');\n const selected = Array.from(checkboxes).map(cb => cb.value);\n if (type === 'status') currentStatusFilter = selected; else currentRiskFilter = selected;\n \n const label = root.querySelector('#selected-' + type + '-label');\n const defaultLabel = type.charAt(0).toUpperCase() + type.slice(1);\n \n if (selected.length === 0) label.innerText = defaultLabel;\n else if (selected.length === 1) label.innerText = selected[0];\n else label.innerText = selected.length + ' Selected';\n\n const clearBtn = root.querySelector('#clear-filter-btn');\n if (clearBtn) clearBtn.style.display = (currentStatusFilter.length > 0 || currentRiskFilter.length > 0) ? 'flex' : 'none';\n \n resetChildFilters();\n refresh();\n };\n\n window.clear_filters = () => {\n root.querySelectorAll('input[type=checkbox]').forEach(cb => cb.checked = false);\n currentStatusFilter = []; currentRiskFilter = []; currentItemStages = []; currentTimeFilter = []; currentQueryTypeFilter = [];\n root.querySelector('#selected-status-label').innerText = 'Status';\n root.querySelector('#selected-risk-label').innerText = 'Risk';\n const clearBtn = root.querySelector('#clear-filter-btn');\n if (clearBtn) clearBtn.style.display = 'none';\n refresh();\n };\n\n const renderRows = (list) => list.map(i => `\n \n ${i.sr_no}\n ${i.name.split('-').pop()}\n ${i.emp_branch || '---'}\n ${i.audit_query_subject_box || '---'}\n ${i.emp_division || '---'}\n ${i.status || '---'}\n ${i.risk || 'Normal'}\n ${i.aging || 0}\n ${frappe.datetime.str_to_user(i.creation).split(' ')[0]}${frappe.datetime.comment_when(i.creation)}\n `).join('');\n\n window.load_more_data = (type) => {\n frappe.call({\n method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n args: {\n pending_start: type === 'pending' ? pendingStart + 10 : pendingStart,\n recent_start: type === 'recent' ? recentStart + 10 : recentStart,\n status: currentStatusFilter.join(','),\n risk: currentRiskFilter.join(','),\n item_stages: currentItemStages.join(','),\n time_filter: currentTimeFilter.join(','),\n query_type: currentQueryTypeFilter.join(',')\n },\n callback: function (r) {\n if (!r.message || !r.message.success) return;\n const d = r.message;\n if (type === 'pending') {\n pendingStart += 10;\n root.querySelector('#stage-items').insertAdjacentHTML('beforeend', renderRows(d.pending_list));\n const btn = root.querySelector('#pending-more-btn');\n if (btn) btn.style.display = d.has_more_pending ? 'flex' : 'none';\n } else {\n recentStart += 10;\n root.querySelector('#activity-body').insertAdjacentHTML('beforeend', renderRows(d.recent_list));\n const btn = root.querySelector('#recent-more-btn');\n if (btn) btn.style.display = d.has_more_recent ? 'flex' : 'none';\n }\n }\n });\n };\n\n function refresh() {\n pendingStart = 0; recentStart = 0;\n frappe.call({\n method: 'audit_management.audit_management.dashboard.get_dashboard_stats',\n args: { \n pending_start: 0, recent_start: 0, \n status: currentStatusFilter.join(','), \n risk: currentRiskFilter.join(','),\n item_stages: currentItemStages.join(','),\n time_filter: currentTimeFilter.join(','),\n query_type: currentQueryTypeFilter.join(',')\n },\n callback: function (r) {\n if (!r.message || !r.message.success) return;\n const d = r.message; userRole = d.role_type;\n console.log('Dashboard Refresh:', { role: userRole, status: currentStatusFilter, time_counts: d.time_counts });\n\n const statusDropdown = root.querySelector('#filter-dropdown-status');\n const riskDropdown = root.querySelector('#filter-dropdown-risk');\n \n if (statusDropdown && !statusDropdown.hasChildNodes()) {\n const statusOps = userRole === 'stage_user' ? ['Pending', 'Responded', 'No Response'] : ['Draft', 'Pending', 'Closed'];\n statusDropdown.innerHTML = statusOps.map(opt => \"
\" + opt + \"
\").join('');\n const riskOps = ['High', 'Medium', 'Normal'];\n riskDropdown.innerHTML = riskOps.map(opt => \"
\" + opt + \"
\").join('');\n }\n\n // Sync Timeframe Checkboxes (Always run)\n root.querySelectorAll('.time-checkbox').forEach(cb => {\n cb.checked = currentTimeFilter.includes(cb.value);\n });\n\n const stageView = root.querySelector('#stage-view');\n const managerView = root.querySelector('#manager-view');\n const masterCapsules = root.querySelector('.master-capsule-container');\n const draftCard = root.querySelector('#draft-card');\n const totalCard = root.querySelector('#total-card');\n const nrCard = root.querySelector('#nr-card');\n const respCard = root.querySelector('#resp-card');\n const closedCard = root.querySelector('#c-card');\n const sReportBtn = root.querySelector('#stage-report-btn');\n \n root.querySelectorAll('.compact-stat-card').forEach(c => c.classList.remove('active-card'));\n\n if (userRole === 'stage_user') {\n if (stageView) stageView.style.display = 'block';\n if (managerView) managerView.style.display = 'none';\n if (masterCapsules) {\n masterCapsules.style.display = 'flex';\n root.querySelectorAll('.multiselect-container, .dropdown-wrapper, .create-btn-capsule').forEach(el => el.style.display = 'none');\n if (sReportBtn) sReportBtn.style.display = 'flex';\n }\n if (draftCard) draftCard.style.display = 'none';\n if (totalCard) totalCard.style.display = 'none';\n if (respCard) respCard.style.display = 'none';\n if (nrCard) nrCard.style.display = 'block';\n \n upd('val-pending', d.pending_for_me); upd('lbl-pending', 'Pending Me');\n upd('val-nr', d.not_responded_count);\n upd('val-closed', d.responded_by_me); upd('lbl-closed', 'Responded');\n\n if (currentStatusFilter.length > 0) {\n const activeStatus = currentStatusFilter[0];\n if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n else if (activeStatus === 'Responded') root.querySelector('#c-card')?.classList.add('active-card');\n }\n\n const stageItems = root.querySelector('#stage-items');\n const pendingMore = root.querySelector('#pending-more-btn');\n if (d.pending_list && d.pending_list.length > 0) {\n stageItems.innerHTML = renderRows(d.pending_list);\n if (pendingMore) pendingMore.style.display = d.has_more_pending ? 'flex' : 'none';\n } else {\n stageItems.innerHTML = 'No records found';\n if (pendingMore) pendingMore.style.display = 'none';\n }\n\n } else {\n if (stageView) stageView.style.display = 'none';\n if (managerView) managerView.style.display = 'block';\n if (masterCapsules) masterCapsules.style.display = 'flex';\n if (sReportBtn) sReportBtn.style.display = 'none';\n if (draftCard) draftCard.style.display = 'block';\n if (totalCard) totalCard.style.display = 'block';\n if (nrCard) nrCard.style.display = 'block';\n if (respCard) respCard.style.display = 'block';\n if (closedCard) closedCard.style.display = 'block';\n \n upd('val-draft', d.draft_count);\n upd('val-total', (d.draft_count || 0) + (d.total_pending || 0) + (d.closed_count || 0));\n upd('val-pending', d.total_pending); upd('lbl-pending', 'Total Pending');\n upd('val-closed', d.closed_count); upd('lbl-closed', 'Closed');\n upd('val-nr', d.not_responded_count);\n upd('val-resp', d.responded_by_me);\n\n if (currentStatusFilter.length > 0) {\n const activeStatus = currentStatusFilter[0];\n if (activeStatus === 'Draft') root.querySelector('#draft-card')?.classList.add('active-card');\n else if (activeStatus === 'Pending') root.querySelector('#p-card')?.classList.add('active-card');\n else if (activeStatus === 'Closed') root.querySelector('#c-card')?.classList.add('active-card');\n else if (activeStatus === 'Responded') root.querySelector('#resp-card')?.classList.add('active-card');\n else if (activeStatus === 'No Response') root.querySelector('#nr-card')?.classList.add('active-card');\n } else if (currentRiskFilter.length === 0) {\n root.querySelector('#total-card')?.classList.add('active-card');\n }\n\n const drilldown = root.querySelector('#drilldown-section');\n if (drilldown) {\n const showDrill = (currentStatusFilter.includes('Responded') || currentStatusFilter.includes('No Response'));\n drilldown.style.display = showDrill ? 'block' : 'none';\n \n if (showDrill) {\n const tc = d.time_counts || {}; \n const setTC = (id, val) => { const el = root.querySelector(id); if (el) el.innerText = '(' + (val || 0) + ')'; };\n setTC('#count-today', tc.Today);\n setTC('#count-yest', tc.Yesterday);\n setTC('#count-week', tc['Last Week']);\n setTC('#count-all', tc['All Time']);\n\n const stageList = root.querySelector('#stage-checkbox-list');\n const queryTypeList = root.querySelector('#query-type-checkbox-list');\n \n if (stageList) {\n frappe.call({\n method: 'frappe.client.get_list',\n args: { doctype: 'Audit Stage', fields: ['name'], order_by: 'name asc' },\n callback: (r) => {\n if (r.message) {\n const counts = d.stage_counts || {};\n stageList.innerHTML = r.message.map(s => {\n const count = counts[s.name] || 0;\n const isChecked = currentItemStages.includes(s.name) ? 'checked' : '';\n return ``;\n }).join('');\n }\n }\n });\n }\n if (queryTypeList) {\n frappe.call({\n method: 'frappe.client.get_list',\n args: { doctype: 'Audit Query Type', fields: ['name'], order_by: 'name asc' },\n callback: (r_qt) => {\n if (r_qt.message) {\n queryTypeList.innerHTML = r_qt.message.map(qt => {\n const isChecked = currentQueryTypeFilter.includes(qt.name) ? 'checked' : '';\n return ``;\n }).join('');\n }\n }\n });\n }\n }\n }\n\n const activityBody = root.querySelector('#activity-body');\n const recentMore = root.querySelector('#recent-more-btn');\n if (d.recent_list && d.recent_list.length > 0) {\n activityBody.innerHTML = renderRows(d.recent_list);\n if (recentMore) recentMore.style.display = d.has_more_recent ? 'flex' : 'none';\n } else {\n activityBody.innerHTML = 'No recent activity';\n if (recentMore) recentMore.style.display = 'none';\n }\n }\n }\n });\n }\n\n window.show_reports_selection = () => {\n const reports = ['My Audits Report', 'Pending Audit Queries Aging Report', 'Process Technical Improvement Commitment Report', 'Recurring Operational Reports'];\n let html = `
\n ${reports.map(r => ``).join('')}\n
`;\n let d = new frappe.ui.Dialog({ title: 'Select Report', fields: [{ fieldtype: 'HTML', fieldname: 'reports_html', options: html }] });\n d.show();\n };\n\n window.handle_total_click = () => { \n frappe.set_route('List', 'My Audits');\n };\n\n window.handle_draft_click = () => {\n frappe.set_route('List', 'My Audits', { status: 'Draft' });\n };\n\n window.handle_responded_click = () => {\n currentStatusFilter = ['Responded']; currentItemStages = []; currentTimeFilter = ['Today']; currentQueryTypeFilter = [];\n root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n refresh();\n };\n\n window.handle_not_responded_click = () => {\n currentStatusFilter = ['No Response']; currentItemStages = []; currentTimeFilter = ['Today']; currentQueryTypeFilter = [];\n root.querySelectorAll('.time-checkbox').forEach(cb => cb.checked = (cb.value === 'Today'));\n refresh();\n };\n\n window.handle_pending_click = () => { \n frappe.set_route('List', 'My Audits', { status: 'Pending' });\n };\n\n window.handle_closed_click = () => { \n frappe.set_route('List', 'My Audits', { status: 'Closed' });\n };\n\n window.handle_item_stage_change = () => {\n currentItemStages = Array.from(root.querySelectorAll('.stage-item-checkbox:checked')).map(cb => cb.value);\n refresh();\n };\n\n window.handle_query_type_change = () => {\n currentQueryTypeFilter = Array.from(root.querySelectorAll('.query-type-item-checkbox:checked')).map(cb => cb.value);\n refresh();\n };\n\n window.handle_time_filter_change = () => {\n currentTimeFilter = Array.from(root.querySelectorAll('.time-checkbox:checked')).map(cb => cb.value);\n refresh();\n };\n\n $(document).on('workspace_render', refresh); refresh();\n})();\n", "style": ".audit-dashboard-light { background: #f1f5f9; color: #1e293b; padding: 20px; border-radius: 16px; font-family: 'Inter', sans-serif; border: 1px solid #e2e8f0; }\n.db-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; flex-wrap: nowrap; gap: 15px; }\n.title-wrap { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }\n.db-title { font-size: 20px; font-weight: 800; color: #0f172a; margin: 0; white-space: nowrap; }\n.live-dot { width: 8px; height: 8px; background: #22c55e; border-radius: 50%; box-shadow: 0 0 10px rgba(34, 197, 94, 0.4); }\n\n.master-capsule-container { display: flex; gap: 6px; flex-wrap: nowrap; align-items: center; justify-content: flex-end; flex-grow: 1; }\n.master-capsule { background: #ffffff; padding: 4px 10px; border-radius: 50px; border: 1px solid #e2e8f0; display: flex; align-items: center; gap: 6px; cursor: pointer; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.05); height: 30px; box-sizing: border-box; }\n.master-capsule:hover { border-color: #3b82f6; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }\n.master-capsule i { font-size: 13px; flex-shrink: 0; }\n.master-capsule span { font-size: 10px; font-weight: 700; color: #475569; white-space: nowrap; }\n.label-text { min-width: 40px; text-align: center; }\n\n.create-btn-capsule { background: #2563eb !important; color: white !important; border: none !important; }\n.create-btn-capsule i, .create-btn-capsule span { color: white !important; }\n.create-btn-capsule:hover { background: #1d4ed8 !important; transform: scale(1.02); }\n\n.dropdown-wrapper { position: relative; }\n.custom-dropdown { position: absolute; top: 110%; right: 0; background: white; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); z-index: 1000; min-width: 180px; padding: 8px 0; }\n.dropdown-item { padding: 10px 16px; display: flex; align-items: center; gap: 12px; cursor: pointer; transition: 0.2s; font-size: 12px; font-weight: 600; color: #475569; }\n.dropdown-item:hover { background: #f1f5f9; color: #1e293b; }\n\n.grid-compact { display: grid; gap: 10px; margin-bottom: 24px; }\n.stats-grid { grid-template-columns: repeat(6, 1fr); }\n\n.blue-txt { color: #2563eb; } .purple-txt { color: #7c3aed; } .orange-txt { color: #ea580c; } .green-txt { color: #16a34a; } .red-txt { color: #dc2626; }\n\n.compact-stat-card { background: #ffffff; padding: 10px 5px; border-radius: 12px; border: 1px solid #e2e8f0; position: relative; overflow: hidden; cursor: pointer; transition: 0.2s; box-shadow: 0 1px 3px rgba(0,0,0,0.02); display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; }\n.stat-label-small { font-size: 10px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.4px; }\n.stat-val-small { font-size: 18px; font-weight: 800; color: #0f172a; }\n.icon-stat { font-size: 18px; opacity: 0.9; margin-bottom: 2px; }\n.blue-bg { background: #3b82f6; } .green-bg { background: #10b981; } .purple-bg { background: #8b5cf6; } .orange-bg { background: #f59e0b; } .red-bg { background: #ef4444; }\n\n.multiselect-container { position: relative; }\n.multiselect-list { position: absolute; top: 110%; left: 0; background: white; border: 1px solid #e2e8f0; border-radius: 12px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); z-index: 1000; min-width: 160px; padding: 8px 0; display: none; }\n.multiselect-item { padding: 8px 16px; display: flex; align-items: center; gap: 10px; cursor: pointer; transition: 0.2s; font-size: 12px; font-weight: 600; color: #475569; }\n.multiselect-item:hover { background: #f1f5f9; }\n.multiselect-item input[type='checkbox'] { cursor: pointer; width: 14px; height: 14px; }\n\n.mini-table { width: 100%; border-collapse: collapse; font-size: 12px; }\n.mini-table th { background: #f1f5f9; color: #475569; text-align: left; padding: 12px 12px; border-bottom: 2px solid #e2e8f0; font-weight: 700; text-transform: uppercase; font-size: 10px; }\n.mini-table td { padding: 14px 16px; color: #334155; border-bottom: 1px solid #f1f5f9; }\n.mini-table tr:hover { background: #f9fafb; cursor: pointer; }\n.t-id { font-weight: 800; color: #2563eb; }\n.t-status { background: #f1f5f9; padding: 4px 8px; border-radius: 6px; color: #475569; font-weight: 700; font-size: 10px; }\n.t-status.pending { background: #fee2e2; color: #dc2626; border: 1px solid #fecaca; }\n.t-status.closed { background: #b9f9cf; color: #001a00; border: 1px solid #bbf7d0; }\n.t-risk { font-weight: 800; text-transform: uppercase; font-size: 10px; }\n.t-risk.high { background: #dc2626; color: white; padding: 4px 8px; border-radius: 6px; } .t-risk.medium { color: #d97706; } .t-risk.normal { color: #2563eb; }\n\n.load-more-btn { background: #ffffff; color: #475569; border: 1px solid #e2e8f0; padding: 8px 24px; border-radius: 50px; cursor: pointer; font-size: 11px; font-weight: 800; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.05); letter-spacing: 0.5px; text-transform: uppercase; }\n.load-more-btn:hover { background: #f8fafc; border-color: #cbd5e1; color: #1e293b; transform: translateY(-1px); box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05); }\n.load-more-btn:active { transform: translateY(0); box-shadow: none; background: #f1f5f9; }\n\n@media (max-width: 768px) {\n .db-header { flex-direction: column; align-items: flex-start; }\n .master-capsule-container { width: 100%; justify-content: flex-start; flex-wrap: wrap; }\n .stats-grid { grid-template-columns: 1fr; }\n}\n.compact-stat-card.active-card { border-color: #2563eb; background: #eff6ff; transform: translateY(-2px); box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.1); }\n\n.drilldown-bar { background: #ffffff; padding: 15px; border-radius: 14px; border: 1px solid #e2e8f0; margin-bottom: 20px; }\n.filter-group { margin-bottom: 12px; }\n.filter-group-label { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; margin-bottom: 8px; }\n.checkbox-row { display: flex; flex-wrap: wrap; gap: 15px; }\n.check-item { display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 600; color: #475569; cursor: pointer; }\n" } ] \ No newline at end of file diff --git a/audit_management/www/audit_management_dashboard.html b/audit_management/www/audit_management_dashboard.html index 10f0ce9..fb7da63 100644 --- a/audit_management/www/audit_management_dashboard.html +++ b/audit_management/www/audit_management_dashboard.html @@ -5,6 +5,9 @@ {% block header %} {% endblock %} +{% block footer %} +{% endblock %} + {% block style %}