diff --git a/Projects/Governance/UI/Spaces/Reports-Space/FiltersHeader.js b/Projects/Governance/UI/Spaces/Reports-Space/FiltersHeader.js new file mode 100644 index 000000000..2b4d652d2 --- /dev/null +++ b/Projects/Governance/UI/Spaces/Reports-Space/FiltersHeader.js @@ -0,0 +1,68 @@ +function newGovernanceReportsFiltersHeader() { + let thisObject = { + addFilterHeader: addFilterHeader, + detectEnterOnFiltersBox: detectEnterOnFiltersBox, + setFocusOnFiltersBox: setFocusOnFiltersBox, + render: render, + initialize: initialize, + finalize: finalize + } + + return thisObject + + function initialize() { + + } + + function finalize() { + + } + + function render() { + let HTML = '' + HTML = HTML + '
' + HTML = HTML + '
' + HTML = HTML + '
' + HTML = HTML + '
' + let docsContentDiv = document.getElementById('governance-content-div') + docsContentDiv.innerHTML = HTML + UI.projects.education.spaces.docsSpace.footer.addFooter() + + UI.projects.governance.spaces.reportsSpace.filtersHeader.detectEnterOnFiltersBox() + UI.projects.governance.spaces.reportsSpace.filtersHeader.setFocusOnFiltersBox() + } + + function addFilterHeader() { + let HTML = '' + // Logo & Search Box + HTML = HTML + '
' + HTML = HTML + '
' + HTML = HTML + '
' + HTML = HTML + '' + HTML = HTML + '
' + HTML = HTML + '
' + + return HTML + } + + function detectEnterOnFiltersBox() { + const element = document.getElementsByClassName("governance-search-input")[0] + if (UI.projects.education.spaces.docsSpace.commandInterface.command !== undefined) { + element.value = UI.projects.education.spaces.docsSpace.commandInterface.command + } + element.addEventListener("keyup", function (event) { + if (event.key === "Enter" || event.keyCode === 13) { + UI.projects.education.spaces.docsSpace.exitEditMode() + UI.projects.education.spaces.docsSpace.currentBookBeingRendered = undefined + UI.projects.education.spaces.docsSpace.currentDocumentBeingRendered = undefined + UI.projects.education.spaces.docsSpace.contextMenu.removeContextMenuFromScreen() + UI.projects.education.spaces.docsSpace.commandInterface.command = element.value.trim() + UI.projects.education.spaces.docsSpace.commandInterface.detectCommands() + } + }); + } + + function setFocusOnFiltersBox() { + const element = document.getElementsByClassName("governance-search-input")[0] + element.focus() + } +} \ No newline at end of file diff --git a/Projects/Governance/UI/Spaces/Reports-Space/ReportsPage.js b/Projects/Governance/UI/Spaces/Reports-Space/ReportsPage.js index 79d0fffb8..e43748963 100644 --- a/Projects/Governance/UI/Spaces/Reports-Space/ReportsPage.js +++ b/Projects/Governance/UI/Spaces/Reports-Space/ReportsPage.js @@ -25,7 +25,7 @@ function newGovernanceReportsReportsPage() { const tabs = ['Profiles', 'Referrals', 'Supporters', 'Mentors', 'Pools', 'Assets', 'Features', 'Positions'] let HTML = '' HTML = HTML + '
' - HTML = HTML + UI.projects.education.spaces.docsSpace.mainSearchPage.addSearchHeader() + HTML = HTML + UI.projects.governance.spaces.reportsSpace.filtersHeader.addFilterHeader() // Tabs HTML = HTML + '
' @@ -123,8 +123,8 @@ function newGovernanceReportsReportsPage() { docsContentDiv.innerHTML = HTML + UI.projects.governance.spaces.reportsSpace.footer.addFooter() - UI.projects.education.spaces.docsSpace.mainSearchPage.detectEnterOnSearchBox() - UI.projects.education.spaces.docsSpace.mainSearchPage.setFocusOnSearchBox() + UI.projects.governance.spaces.reportsSpace.filtersHeader.detectEnterOnFiltersBox() + UI.projects.governance.spaces.reportsSpace.filtersHeader.setFocusOnFiltersBox() // If there is a tabIndex we will switch to that tab here. if (tabIndex !== undefined) { diff --git a/Projects/Governance/UI/Spaces/Reports-Space/ReportsSpace.js b/Projects/Governance/UI/Spaces/Reports-Space/ReportsSpace.js index 3df51384d..a396948ca 100644 --- a/Projects/Governance/UI/Spaces/Reports-Space/ReportsSpace.js +++ b/Projects/Governance/UI/Spaces/Reports-Space/ReportsSpace.js @@ -6,6 +6,7 @@ function newGobernanceReportsSpace() { sidePanelTab: undefined, reportsPage: undefined, footer: undefined, + filtersHeader: undefined, userProfiles: undefined, referrals: undefined, supports: undefined, @@ -52,6 +53,9 @@ function newGobernanceReportsSpace() { thisObject.footer.finalize() thisObject.footer = undefined + thisObject.filtersHeader.finalize() + thisObject.filtersHeader = undefined + thisObject.userProfiles.finalize() thisObject.userProfiles = undefined @@ -95,6 +99,7 @@ function newGobernanceReportsSpace() { thisObject.reportsPage = newGovernanceReportsReportsPage() thisObject.footer = newGovernanceReportsFooter() + thisObject.filtersHeader = newGovernanceReportsFiltersHeader() thisObject.userProfiles = newGovernanceReportsUserProfiles() thisObject.referrals = newGovernanceReportsReferrals() thisObject.supports = newGovernanceReportsSupports() @@ -106,6 +111,7 @@ function newGobernanceReportsSpace() { thisObject.reportsPage.initialize() thisObject.footer.initialize() + thisObject.filtersHeader.initialize() thisObject.userProfiles.initialize() thisObject.referrals.initialize() thisObject.mentors.initialize()