[ENG-8776] Created maintenance banner component (#343)

bodintsov · bp-cos · nsemets · web-flow · commit e42741c662ed · 2025-09-12T15:18:22.000Z
* Update develop from main (#322) * Fix/improvements (#319) * fix(meetings): fixed meetings small issues * fix(tooltips): added tooltips * fix(table): updated sorting * fix(settings): fixed update project * fix(bookmarks): updated bookmarks * fix(my-registrations): fixed my registrations * fix(developer-apps): fixed developer apps * fix(settings): updated tokens and notifications * fix(translation): removed dot * fix(info-icon): updated info icon translate * fix(profile-settings): fixed profile settings * fix(test): updated tests * fix(settings): updated settings * fix(user-emails): updated adding emails to user account * fix(tests): updated tests * fix(clean-up): clean up * fix(models): updated models * fix(models): updated region and license models * fix(styles): moved styles from assets * fix(test): fixed institution loading and test for view only link * fix(analytics): added check if is public * fix(analytics): updated analytics feature * fix(analytics): show message when data loaded * fix(view-only-links): updated view only links * fix(view only links): added shared components * fix(tests): fixed tests * fix(unit-tests): updated jest config * fix(view-only-links): update view only links for components * fix(create-view-link): added logic for uncheck --------- Co-authored-by: Nazar Semets <nazar690@gmail.com> * Test/387 settings page tokens (#318) * test(tokens): added new tests * test(tokens): added new unit tests * test(tokens): fixed tests and jest.config * test(tokens): fixed pr comments * Fix - Search (#286) * feat(search): added generic search component * feat(search): improved search for institutions * feat(search): remove unused files * feat(search): fixed some issues * fix(search): removed comments * fix(profile): renamed it to profile * fix(updates): updates * fix(branding): Minor fixed regarding provider hero for preprints and registry * refactor(search-results-container): Encapsulated some logic, reduced duplication * refactor(search-results-container): Encapsulated tabs logic * refactor(search): Refactored partly search section for preprints and profile * refactor(search): Refactored search logic for global, institutions page, registrations page search * refactor(search): Refactored search logic for global, institutions page, registrations page search * refactor(search): Refactored search logic for profile * feat(profile): Implemented my-profile and user/:id pages * refactor(preprint-provider-discover): Removed search section that uses old approach * refactor(search): Create shared component that encapsulates search logic and reused across the app * refactor(shared-search): Extracted state model. Reduced duplications. Fixed IndexValueSearch filters * refactor(search): Using ResourceType instead of ResourceTab. Fixed params for index-value-search * refactor(search-models): Cleaned up models - renamed files, moved models to appropriate locations * refactor(index-card-search): Refactored models * fix(resource-card): Fixed resource-card component * fix(resource-card-secondary-metadata): Fixed resource-card component * fix(search): Fixed PR comments and conflicts after merge * refactor(search): Renamed OsfSearch- to GlobalSearch- * fix(unit-tests): fixed unit tests --------- Co-authored-by: volodyayakubovskyy <vyakubovskyy477@gmail.com> Co-authored-by: nsemets <nsemets@exoft.net> * Fix/557 missing tooltip (#320) * fix(tooltip): added tooltip to next button * fix(emails): fixed emails bug * chore(test-env): added test env (#321) * Chore/test docs added more docs and updated docs in the ever expanding evolution. (#309) * chore(testing-docs): incremental update to the testing docs * chore(diagram): updated the ngx application diagram * chore(indexes): added indexes to all files * docs(updates): added new docs and explanations * chore(pr-updates): updated the files based on pr feedback --------- Co-authored-by: nsemets <nsemets@exoft.net> Co-authored-by: Nazar Semets <nazar690@gmail.com> Co-authored-by: dinlvkdn <104976612+dinlvkdn@users.noreply.github.com> Co-authored-by: rrromchIk <90086332+rrromchIk@users.noreply.github.com> Co-authored-by: volodyayakubovskyy <vyakubovskyy477@gmail.com> * Feat(8653): Implement view tracking for registrations and preprints (#308) * feat(datacite-tracker): implemented datacite view tracking for registries and preprints * chore(datacite-tracker): refactored doi extraction to be less repetitive * fix(datacite-tracker): reverted undesired refactor * chore(datacite-tracker): added tests to registry component * fix(datacite-tracker): fixed datacite tracker effect * chore(datacite-tracker): added tests to project and preprint components * [ENG-8624] feat(registries): add context to registration submission + rearrange title and description layout (#304) * feat(registries): add context to registration submission + rearrange layout * feat(registries): CR followup * feat(registries): Add test for TagsComponent * feat(registries): Add moar tests * feat(registries): CR followup * [ENG-8504] Show Osf introduction video and Collections,Institutions, Registries, Preprints url banners if user have not created any project for home (/dashboard) tab (#301) * Show Osf introduction video and Collections,Institutions, Registries, Preprints url banners if user have not created any project for home (/dashboard) tab * 1. add translations 2. add loading ( <osf-loading-spinner/>) - otherwise interface show video and afterward search (shown in details in github PR 301 video) 3. maybe there is better solution for existsProjects() || cd angular-osfsearchControl?.value?.length to check if user has at least one project * align footer content left * use angular routerLink approach for <a> * add margin bottom for Visit button to look it better on resizing * update footer formatting * fix(dashboard): Fix [WARNING] NG8107 * fix(dashboard): remove not used variable * fix(dashboard): fix code format by running "npm run lint:fix && npm run format" * fix(dashboard): use .png names without guid * implement unit testing for dashboard when there is a project and there is no project * remove redundant footer RPCB and RCP links * move dashboard images alt text to en.json * add test for openInfoLink() * update(dashboard): use dashboard.data for mocking * update(dashboard): add test to show that products footer images no exists on spinner run and are rendering after it finished running * fix(dashboard): npm run lint:fix && npm run format * add missing code for dashboard * remove redundant imports for dashboard test * use providers -> useValue mock approach for dashboard * resolve CR comments * Fix/develop conflicts (#332) * Fix/improvements (#319) * fix(meetings): fixed meetings small issues * fix(tooltips): added tooltips * fix(table): updated sorting * fix(settings): fixed update project * fix(bookmarks): updated bookmarks * fix(my-registrations): fixed my registrations * fix(developer-apps): fixed developer apps * fix(settings): updated tokens and notifications * fix(translation): removed dot * fix(info-icon): updated info icon translate * fix(profile-settings): fixed profile settings * fix(test): updated tests * fix(settings): updated settings * fix(user-emails): updated adding emails to user account * fix(tests): updated tests * fix(clean-up): clean up * fix(models): updated models * fix(models): updated region and license models * fix(styles): moved styles from assets * fix(test): fixed institution loading and test for view only link * fix(analytics): added check if is public * fix(analytics): updated analytics feature * fix(analytics): show message when data loaded * fix(view-only-links): updated view only links * fix(view only links): added shared components * fix(tests): fixed tests * fix(unit-tests): updated jest config * fix(view-only-links): update view only links for components * fix(create-view-link): added logic for uncheck --------- Co-authored-by: Nazar Semets <nazar690@gmail.com> * Test/387 settings page tokens (#318) * test(tokens): added new tests * test(tokens): added new unit tests * test(tokens): fixed tests and jest.config * test(tokens): fixed pr comments * Fix - Search (#286) * feat(search): added generic search component * feat(search): improved search for institutions * feat(search): remove unused files * feat(search): fixed some issues * fix(search): removed comments * fix(profile): renamed it to profile * fix(updates): updates * fix(branding): Minor fixed regarding provider hero for preprints and registry * refactor(search-results-container): Encapsulated some logic, reduced duplication * refactor(search-results-container): Encapsulated tabs logic * refactor(search): Refactored partly search section for preprints and profile * refactor(search): Refactored search logic for global, institutions page, registrations page search * refactor(search): Refactored search logic for global, institutions page, registrations page search * refactor(search): Refactored search logic for profile * feat(profile): Implemented my-profile and user/:id pages * refactor(preprint-provider-discover): Removed search section that uses old approach * refactor(search): Create shared component that encapsulates search logic and reused across the app * refactor(shared-search): Extracted state model. Reduced duplications. Fixed IndexValueSearch filters * refactor(search): Using ResourceType instead of ResourceTab. Fixed params for index-value-search * refactor(search-models): Cleaned up models - renamed files, moved models to appropriate locations * refactor(index-card-search): Refactored models * fix(resource-card): Fixed resource-card component * fix(resource-card-secondary-metadata): Fixed resource-card component * fix(search): Fixed PR comments and conflicts after merge * refactor(search): Renamed OsfSearch- to GlobalSearch- * fix(unit-tests): fixed unit tests --------- Co-authored-by: volodyayakubovskyy <vyakubovskyy477@gmail.com> Co-authored-by: nsemets <nsemets@exoft.net> * Fix/557 missing tooltip (#320) * fix(tooltip): added tooltip to next button * fix(emails): fixed emails bug * chore(test-env): added test env (#321) * Chore/test docs added more docs and updated docs in the ever expanding evolution. (#309) * chore(testing-docs): incremental update to the testing docs * chore(diagram): updated the ngx application diagram * chore(indexes): added indexes to all files * docs(updates): added new docs and explanations * chore(pr-updates): updated the files based on pr feedback * Fix/registrations (#326) * fix(settings): updated settings routes * fix(registry-links): updated registry links * fix(registration): updated components, resource and links * fix(wiki): updated wiki * fix(redirect-link): removed it (#327) * [ENG-8505] Finished adding the GFP to the files page (#325) * feat(eng-8505): Added the initial google drive button * feat(eng-8505): add the accountid with tests * feat(more-tests): updated tests * feat(eng-8505): updates for tests * feat(eng-8505): finishing updates for the google file picker * chore(test fixes): updates to broken tests * chore(pr updates): add updates based on pr feedback and more docs --------- Co-authored-by: Nazar Semets <nazar690@gmail.com> Co-authored-by: dinlvkdn <104976612+dinlvkdn@users.noreply.github.com> Co-authored-by: rrromchIk <90086332+rrromchIk@users.noreply.github.com> Co-authored-by: volodyayakubovskyy <vyakubovskyy477@gmail.com> Co-authored-by: Lord Business <113387478+bp-cos@users.noreply.github.com> * [ENG-8639] add <meta> tags to files detail (#324) * chore(meta-tags): cleaner meta-tag cleanup (without urls) * chore(meta-tags): add full name to contributor tag * feat(meta-tags): add meta tags to file-detail page * fix(meta-tags): use image that exists * feat(ci): separate linting from tests (#345) * Feat(datacite-tracker): implemented file view and download tracking (#335) * feat(datacite-tracker): implemented file view and download tracking * feat(datacite-tracker): implemented preprint version download tracking * chore(datacite-tracker): rewritten existing tests to respect recent refactor * chore(datacite-tracker): added tests for file downloads tracking * chore(datacite-tracker): added tests for leftover components and pr comment fixes * Feat(ENG-8778): Implement Cookie consent message (#353) * feat(cookie-consent): added toast which asks for cookie consent * chore(cookie-consent): added tests for cookie consent * chore(datacite-tracker): fixed review comments * [eng-8741] Added Sentry to the app (#340) * chore(config-service): added a config service with tests * feat(sentry): added sentry to the app and state-error handler with tests * feat(promise): added a promise for application loading * refactor(rename): renamed the files and consts to be more explicit * feat(google-tag-manager): added a google tag manager factor * feat(gtm): added the logic to get the google tag manager working * feat(pr-review): add code from pr * feat(eng-8741): added conditions if the config variables are not present * chore(nit-pick-for-brian-g): add a gitignore * Fix/dev to main (#368) * Fix/improvements (#319) * fix(meetings): fixed meetings small issues * fix(tooltips): added tooltips * fix(table): updated sorting * fix(settings): fixed update project * fix(bookmarks): updated bookmarks * fix(my-registrations): fixed my registrations * fix(developer-apps): fixed developer apps * fix(settings): updated tokens and notifications * fix(translation): removed dot * fix(info-icon): updated info icon translate * fix(profile-settings): fixed profile settings * fix(test): updated tests * fix(settings): updated settings * fix(user-emails): updated adding emails to user account * fix(tests): updated tests * fix(clean-up): clean up * fix(models): updated models * fix(models): updated region and license models * fix(styles): moved styles from assets * fix(test): fixed institution loading and test for view only link * fix(analytics): added check if is public * fix(analytics): updated analytics feature * fix(analytics): show message when data loaded * fix(view-only-links): updated view only links * fix(view only links): added shared components * fix(tests): fixed tests * fix(unit-tests): updated jest config * fix(view-only-links): update view only links for components * fix(create-view-link): added logic for uncheck --------- Co-authored-by: Nazar Semets <nazar690@gmail.com> * Test/387 settings page tokens (#318) * test(tokens): added new tests * test(tokens): added new unit tests * test(tokens): fixed tests and jest.config * test(tokens): fixed pr comments * Fix - Search (#286) * feat(search): added generic search component * feat(search): improved search for institutions * feat(search): remove unused files * feat(search): fixed some issues * fix(search): removed comments * fix(profile): renamed it to profile * fix(updates): updates * fix(branding): Minor fixed regarding provider hero for preprints and registry * refactor(search-results-container): Encapsulated some logic, reduced duplication * refactor(search-results-container): Encapsulated tabs logic * refactor(search): Refactored partly search section for preprints and profile * refactor(search): Refactored search logic for global, institutions page, registrations page search * refactor(search): Refactored search logic for global, institutions page, registrations page search * refactor(search): Refactored search logic for profile * feat(profile): Implemented my-profile and user/:id pages * refactor(preprint-provider-discover): Removed search section that uses old approach * refactor(search): Create shared component that encapsulates search logic and reused across the app * refactor(shared-search): Extracted state model. Reduced duplications. Fixed IndexValueSearch filters * refactor(search): Using ResourceType instead of ResourceTab. Fixed params for index-value-search * refactor(search-models): Cleaned up models - renamed files, moved models to appropriate locations * refactor(index-card-search): Refactored models * fix(resource-card): Fixed resource-card component * fix(resource-card-secondary-metadata): Fixed resource-card component * fix(search): Fixed PR comments and conflicts after merge * refactor(search): Renamed OsfSearch- to GlobalSearch- * fix(unit-tests): fixed unit tests --------- Co-authored-by: volodyayakubovskyy <vyakubovskyy477@gmail.com> Co-authored-by: nsemets <nsemets@exoft.net> * Fix/557 missing tooltip (#320) * fix(tooltip): added tooltip to next button * fix(emails): fixed emails bug * chore(test-env): added test env (#321) * Chore/test docs added more docs and updated docs in the ever expanding evolution. (#309) * chore(testing-docs): incremental update to the testing docs * chore(diagram): updated the ngx application diagram * chore(indexes): added indexes to all files * docs(updates): added new docs and explanations * chore(pr-updates): updated the files based on pr feedback * Fix/registrations (#326) * fix(settings): updated settings routes * fix(registry-links): updated registry links * fix(registration): updated components, resource and links * fix(wiki): updated wiki * fix(redirect-link): removed it (#327) * [ENG-8505] Finished adding the GFP to the files page (#325) * feat(eng-8505): Added the initial google drive button * feat(eng-8505): add the accountid with tests * feat(more-tests): updated tests * feat(eng-8505): updates for tests * feat(eng-8505): finishing updates for the google file picker * chore(test fixes): updates to broken tests * chore(pr updates): add updates based on pr feedback and more docs * Test/565 my projects (#334) * test(my-projects): added unit tests * test(create-project-dialog): fixed errors * test(my-projects): fixed errors * test(create-project-dialog): fixed * Feat/550 file widget (#323) * feat(file): file-widget * feat(file): fixed move file * Update src/app/features/project/overview/components/files-widget/files-widget.component.html Co-authored-by: nsemets <nsemets@exoft.net> * feat(file): resolve comments * feat(file): refactoring * feat(file): remove sorting storage * feat(file): navigate to file --------- Co-authored-by: nsemets <nsemets@exoft.net> * Fix/metadata (#336) * fix(metadata): updated metadata * fix(metadata): fixes * fix(my-profile): fixed route * fix(models): updated some models * fix(tests): fixed unit tests * chore(env): updated env files (#328) * chore(env): updated env files * fix(env): updated api url * fix(env): updated env for files widget * fix(redirect): fixed redirect after registration (#339) * Test/576 analytics (#341) * test(analytics): added new unit tests * test(analytics): fixed * Feat - Admin institution filters (#333) * refactor(admin-institutions): Refactored and simplified code * fix(admin-institutions): Fixed columns and sorting * feat(institutions-projects): Implemented filters for projects tab. Fixed search result parsing * feat(institutions-preprints): Implemented filters for preprints tab. Fixed search result parsing * feat(institutions-registration): Implemented filters for registration tab * fix(institutions-admin): Fixed resources to table mapping * fix(institutions-admin): Fixed hardcoded institution iri for index-value-search * refactor(institutions-admin-service): Extracted apiUrl to local variable * fix(resource-model): Fix after merge conflict * fix(institution-users): Fixed links to user * fix(institutions-dashboard): Added translations * fix(institutions-dashboard): Fixed tests * fix(admin-institutions): Refactored filters to reusable component * fix(admin-institutions): Fixed comments * Fix - Preprints bugs (#337) * fix(metadata-step): Made Publication DOI field optional * fix(preprints-landing): Contact Us button titlecased, Show example button link fixed * fix(create-new-version): Handled back button * fix(preprint-moderation): Fixed sorting for submissions * fix(license-component): Clearing all fields on cancel button click * fix(preprint-stepper): Fixed add-project-form * Fix/affiliated institutions (#342) * fix(metadata): updated metadata * fix(metadata): fixes * fix(my-profile): fixed route * fix(models): updated some models * fix(tests): fixed unit tests * fix(institutions): updated institutions * fix(my-projects): bookmarks * fix(institutions): updated affiliated institutions and fixed some bugs * fix(tests): fixed tests * fix(tests): updated if statement * fix(bugs): fixed some bugs * Fix/affiliated institutions (#344) * fix(metadata): updated metadata * fix(metadata): fixes * fix(my-profile): fixed route * fix(models): updated some models * fix(tests): fixed unit tests * fix(institutions): updated institutions * fix(my-projects): bookmarks * fix(institutions): updated affiliated institutions and fixed some bugs * fix(tests): fixed tests * fix(tests): updated if statement * fix(bugs): fixed some bugs * fix(files): updated files * Feat/185 - Linked services (#338) * feat(verified-links): fixed minor linked resources bugs * feat(linked-services): added link addons configuration logic to the project settings * feat(linked-services): added linked services page and nav tab, added link addons to settings * feat(linked-services): fixed issues after merging * feat(linked-services): fixed pre-push husky file * fix(linked-services): updated tables * feat(linked-services): added link disabling logic for storage item selector * feat(linked-services): fixed comments and minor bugs * feat(linked-services): fixed test issues * feat(linked-services): fixed storage description display issue on addon terms page * fix(recent-activity): resolved view only link addon logging issue --------- Co-authored-by: nsemets <nsemets@exoft.net> * Fix/clean code (#347) * fix(packages): removed unused packages * fix(protected): removed protected in all files * fix(styles): removed some mixins and scss files * fix(classes): removed old classes --------- Co-authored-by: Nazar Semets <nazar690@gmail.com> * fix(file): downloads link (#346) * Test/580 home page (#348) * test(router): added route mocks * test(router): added tests for dashboard page * test(router): added tests for home page * test(analytics): fixed * Fix/overview (#349) * fix(add): updated add project and component dialog * fix(move-file): updated button * fix(overview): updated project overview * fix(children): refactor get children request (#351) * Fix/overview (#352) * fix(add): updated add project and component dialog * fix(move-file): updated button * fix(overview): updated project overview * fix(updates): clean up some code * fix(regions): updated regions state and removed duplication * fix(providers): updated models for providers * fix(test): fixed unit test * fix(bugs): fixed bugs (#354) * Feat(project-redirect-modal): added project redirect modal (#350) * fix(add-project-redirect-modal): added project redirect modal * refactor(add-project-redirect-modal): added pipe to the modal subscription * Test/395 institutions components (#358) * test(institutions): tested institutions, institutions-list, institutions-search components * fix(tests): fixed tests * Fix/registration bugs (#356) * fix(registration): fixed 594 * fix(registration-bugs): fixed some registrations bugs * fix(registration): fixed registrations fr project * fix(registration): remove useless font class * fix(tags-input): Fix strange behaviour when removing first tag (#361) * Fix/accessibility (#359) * fix(accessibility): update accessibility for some pages * fix(accessibility): added aria labels * fix(updates): clean up code * fix(routes): removed unused route * fix(accessibility): added aria labels to institutions * fix(accessibility): removed aria label for header button * fix(metadata): fixed spacing * fix(resource-metadata): fixed url --------- Co-authored-by: Nazar Semets <nazar690@gmail.com> * Fix/search filters (#360) * fix(global-search-filters): Resolved TODOs * fix(global-search-filters): Fixed and simplified filters logic code * fix(global-search-resource-card): Made links open in a new tab * fix(global-search-filters): Added cardSearchResultCount to filter option * fix(global-search-filters): Fixed boolean filters selected state * fix(global-search-filters): Fixed after merge conflict * fix(global-search-filters): Fixed PR comments * Feat(ENG-8625): add Recent Activity to registrations (#315) * feat(registration-recent-activity): add Recent Activity to registrations * feat(registration-recent-activity): code fixes regarding comments * feat(registration-recent-activity): second round of code fixes regarding review comments * feat(registration-recent-activity): run lint fix * fix(recent-activity): updated some code (#364) * fix(errors): fixed some issues * fix(dashboard): fixed bugs * fix(tests): fixed unit tests * fix(config): added error handling --------- Co-authored-by: Nazar Semets <nazar690@gmail.com> Co-authored-by: dinlvkdn <104976612+dinlvkdn@users.noreply.github.com> Co-authored-by: rrromchIk <90086332+rrromchIk@users.noreply.github.com> Co-authored-by: volodyayakubovskyy <vyakubovskyy477@gmail.com> Co-authored-by: Lord Business <113387478+bp-cos@users.noreply.github.com> Co-authored-by: nmykhalkevych-exoft <nmykhalkevych@exoft.net> Co-authored-by: Roman Nastyuk <rnastyuk@exoft.net> Co-authored-by: sh-andriy <105591819+sh-andriy@users.noreply.github.com> * feat(maintenance-banner): create maintenance banner component * fix(maintenance-banner): fix import * fix(maintenance-banner): Use PrimeNG for banner * fix(maintenance-banner): Created service and model for Maintenance banner * fix(maintenance-banner): Made banner show on all pages * fix(maintenance-banner): Created new model, cleaned code * fix(maintenance-banner): Removed litter * fix(maintenance-banner): Changed ApiURL, added type * fix(maintenance-banner): Fix fetch when cookies --------- Co-authored-by: Lord Business <113387478+bp-cos@users.noreply.github.com> Co-authored-by: nsemets <nsemets@exoft.net> Co-authored-by: Nazar Semets <nazar690@gmail.com> Co-authored-by: dinlvkdn <104976612+dinlvkdn@users.noreply.github.com> Co-authored-by: rrromchIk <90086332+rrromchIk@users.noreply.github.com> Co-authored-by: volodyayakubovskyy <vyakubovskyy477@gmail.com> Co-authored-by: Oleh Paduchak <158075011+opaduchak@users.noreply.github.com> Co-authored-by: Yuhuai Liu <yuhuai@cos.io> Co-authored-by: mkovalua <mkoval@exoft.net> Co-authored-by: abram axel booth <aaxelb@users.noreply.github.com> Co-authored-by: nmykhalkevych-exoft <nmykhalkevych@exoft.net> Co-authored-by: Roman Nastyuk <rnastyuk@exoft.net> Co-authored-by: sh-andriy <105591819+sh-andriy@users.noreply.github.com>
diff --git a/src/app/core/components/index.ts b/src/app/core/components/index.ts
@@ -1,6 +1,7 @@
 export { BreadcrumbComponent } from './breadcrumb/breadcrumb.component';
 export { FooterComponent } from './footer/footer.component';
 export { HeaderComponent } from './header/header.component';
+export { MaintenanceBannerComponent } from './maintenance-banner/maintenance-banner.component';
 export { PageNotFoundComponent } from './page-not-found/page-not-found.component';
 export { RootComponent } from './root/root.component';
 export { SidenavComponent } from './sidenav/sidenav.component';
diff --git a/src/app/core/components/maintenance-banner/maintenance-banner.component.html b/src/app/core/components/maintenance-banner/maintenance-banner.component.html
@@ -0,0 +1,12 @@
+@if (maintenance && !dismissed) {
+  <p-message
+    styleClass="w-full"
+    [severity]="maintenance.severity"
+    [text]="maintenance.message"
+    [closable]="true"
+    (onClose)="dismiss()"
+    class="block p-3"
+    icon="pi pi-info-circle"
+  >
+  </p-message>
+}
diff --git a/src/app/core/components/maintenance-banner/maintenance-banner.component.scss b/src/app/core/components/maintenance-banner/maintenance-banner.component.scss
diff --git a/src/app/core/components/maintenance-banner/maintenance-banner.component.spec.ts b/src/app/core/components/maintenance-banner/maintenance-banner.component.spec.ts
@@ -0,0 +1,150 @@
+import { CookieService } from 'ngx-cookie-service';
+
+import { MessageModule } from 'primeng/message';
+
+import { of } from 'rxjs';
+
+import { HttpClient } from '@angular/common/http';
+import { ComponentFixture, fakeAsync, TestBed, tick } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+import { NoopAnimationsModule } from '@angular/platform-browser/animations';
+
+import { MaintenanceBannerComponent } from './maintenance-banner.component';
+
+describe('MaintenanceBannerComponent', () => {
+  let fixture: ComponentFixture<MaintenanceBannerComponent>;
+  let httpClient: { get: jest.Mock };
+  let cookieService: jest.Mocked<CookieService>;
+
+  beforeEach(async () => {
+    cookieService = {
+      check: jest.fn(),
+      set: jest.fn(),
+    } as any;
+    httpClient = { get: jest.fn() } as any;
+    await TestBed.configureTestingModule({
+      imports: [MaintenanceBannerComponent, NoopAnimationsModule, MessageModule],
+      providers: [
+        { provide: CookieService, useValue: cookieService },
+        { provide: HttpClient, useValue: httpClient },
+      ],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(MaintenanceBannerComponent);
+  });
+
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it('should render info banner when maintenance data is present', fakeAsync(() => {
+    cookieService.check.mockReturnValue(false);
+    const now = new Date();
+    const start = new Date(now.getTime() - 24 * 60 * 60 * 1000).toISOString();
+    const end = new Date(now.getTime() + 24 * 60 * 60 * 1000).toISOString();
+    httpClient.get.mockReturnValueOnce(
+      of({
+        maintenance: { level: 1, message: 'Info message', start, end },
+      })
+    );
+    fixture.detectChanges();
+    tick();
+    fixture.detectChanges();
+    const banner = fixture.debugElement.query(By.css('p-message'));
+    expect(banner).toBeTruthy();
+    expect(banner.componentInstance.severity).toBe('info');
+    expect(banner.nativeElement.textContent).toContain('Info message');
+  }));
+
+  it('should render warning banner when level is 2', fakeAsync(() => {
+    cookieService.check.mockReturnValue(false);
+    const now = new Date();
+    const start = new Date(now.getTime() - 24 * 60 * 60 * 1000).toISOString();
+    const end = new Date(now.getTime() + 24 * 60 * 60 * 1000).toISOString();
+    httpClient.get.mockReturnValueOnce(
+      of({
+        maintenance: {
+          level: 2,
+          message: 'Warning message',
+          start,
+          end,
+        },
+      })
+    );
+    fixture.detectChanges();
+    tick();
+    fixture.detectChanges();
+    const banner = fixture.debugElement.query(By.css('p-message'));
+    expect(banner).toBeTruthy();
+    expect(banner.componentInstance.severity).toBe('warn');
+    expect(banner.nativeElement.textContent).toContain('Warning message');
+  }));
+
+  it('should render danger banner when level is 3', fakeAsync(() => {
+    cookieService.check.mockReturnValue(false);
+    const now = new Date();
+    const start = new Date(now.getTime() - 24 * 60 * 60 * 1000).toISOString();
+    const end = new Date(now.getTime() + 24 * 60 * 60 * 1000).toISOString();
+    httpClient.get.mockReturnValueOnce(
+      of({
+        maintenance: {
+          level: 3,
+          message: 'Danger message',
+          start,
+          end,
+        },
+      })
+    );
+    fixture.detectChanges();
+    tick();
+    fixture.detectChanges();
+    const banner = fixture.debugElement.query(By.css('p-message'));
+    expect(banner).toBeTruthy();
+    expect(banner.componentInstance.severity).toBe('error');
+    expect(banner.nativeElement.textContent).toContain('Danger message');
+  }));
+
+  it('should not render banner if cookie is set', fakeAsync(() => {
+    cookieService.check.mockReturnValue(true);
+    fixture.detectChanges();
+    expect(httpClient.get).not.toHaveBeenCalled();
+    fixture.detectChanges();
+    const banner = fixture.debugElement.query(By.css('p-message'));
+    expect(banner).toBeFalsy();
+  }));
+
+  it('should not render banner if outside maintenance window', fakeAsync(() => {
+    cookieService.check.mockReturnValue(false);
+    httpClient.get.mockReturnValueOnce(
+      of({
+        maintenance: { level: 1, message: 'Old message', start: '2020-01-01T00:00:00Z', end: '2020-01-02T00:00:00Z' },
+      })
+    );
+    fixture.detectChanges();
+    tick();
+    fixture.detectChanges();
+    const banner = fixture.debugElement.query(By.css('p-message'));
+    expect(banner).toBeFalsy();
+  }));
+
+  it('should dismiss banner when close button is clicked', fakeAsync(() => {
+    cookieService.check.mockReturnValue(false);
+    const now = new Date();
+    const start = new Date(now.getTime() - 24 * 60 * 60 * 1000).toISOString();
+    const end = new Date(now.getTime() + 24 * 60 * 60 * 1000).toISOString();
+    httpClient.get.mockReturnValueOnce(
+      of({
+        maintenance: { level: 1, message: 'Dismiss me', start, end },
+      })
+    );
+    fixture.detectChanges();
+    tick();
+    fixture.detectChanges();
+    const banner = fixture.debugElement.query(By.css('p-message'));
+    expect(banner).toBeTruthy();
+    banner.triggerEventHandler('onClose', {});
+    fixture.detectChanges();
+    expect(fixture.debugElement.query(By.css('p-message'))).toBeFalsy();
+    expect(cookieService.set).toHaveBeenCalled();
+  }));
+});
diff --git a/src/app/core/components/maintenance-banner/maintenance-banner.component.ts b/src/app/core/components/maintenance-banner/maintenance-banner.component.ts
@@ -0,0 +1,48 @@
+import { CookieService } from 'ngx-cookie-service';
+
+import { MessageModule } from 'primeng/message';
+
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, OnInit } from '@angular/core';
+
+import { Maintenance } from '../../models/maintenance.model';
+import { MaintenanceService } from '../../services/maintenance.service';
+
+@Component({
+  selector: 'osf-maintenance-banner',
+  imports: [CommonModule, MessageModule],
+  templateUrl: './maintenance-banner.component.html',
+  styleUrls: ['./maintenance-banner.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class MaintenanceBannerComponent implements OnInit {
+  private readonly maintenanceService = inject(MaintenanceService);
+  private readonly cookies = inject(CookieService);
+  private readonly cdr = inject(ChangeDetectorRef);
+
+  dismissed = false;
+  readonly cookieName = 'osf-maintenance-dismissed';
+  readonly cookieDurationHours = 24;
+
+  maintenance: Maintenance | null = null;
+
+  ngOnInit(): void {
+    this.dismissed = this.cookies.check(this.cookieName);
+    if (!this.dismissed) {
+      this.fetchMaintenanceStatus();
+    }
+  }
+
+  private fetchMaintenanceStatus(): void {
+    this.maintenanceService.fetchMaintenanceStatus().subscribe((maintenance) => {
+      this.maintenance = maintenance;
+      this.cdr.markForCheck();
+    });
+  }
+
+  dismiss(): void {
+    this.cookies.set(this.cookieName, '1', this.cookieDurationHours, '/');
+    this.dismissed = true;
+    this.maintenance = null;
+  }
+}
diff --git a/src/app/core/components/root/root.component.html b/src/app/core/components/root/root.component.html
@@ -3,6 +3,7 @@
     <osf-sidenav></osf-sidenav>
 
     <div class="content-wrapper">
+      <osf-maintenance-banner></osf-maintenance-banner>
       <osf-header></osf-header>
 
       <router-outlet />
@@ -13,6 +14,7 @@
 } @else {
   <div class="layout-tablet">
     <div class="content-wrapper">
+      <osf-maintenance-banner></osf-maintenance-banner>
       <osf-topnav></osf-topnav>
 
       @if (isMedium()) {
diff --git a/src/app/core/components/root/root.component.ts b/src/app/core/components/root/root.component.ts
@@ -7,7 +7,7 @@ import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { RouterOutlet } from '@angular/router';
 
-import { SidenavComponent } from '@core/components';
+import { MaintenanceBannerComponent, SidenavComponent } from '@core/components';
 import { BreadcrumbComponent } from '@core/components/breadcrumb/breadcrumb.component';
 import { FooterComponent } from '@core/components/footer/footer.component';
 import { HeaderComponent } from '@core/components/header/header.component';
@@ -25,6 +25,7 @@ import { IS_MEDIUM, IS_WEB } from '@osf/shared/helpers';
     BreadcrumbComponent,
     RouterOutlet,
     SidenavComponent,
+    MaintenanceBannerComponent,
     TranslatePipe,
   ],
   templateUrl: './root.component.html',
diff --git a/src/app/core/models/maintenance.model.ts b/src/app/core/models/maintenance.model.ts
@@ -0,0 +1,9 @@
+export interface Maintenance {
+  level: number;
+  message: string;
+  start: string;
+  end: string;
+  severity?: MaintenanceSeverity;
+}
+
+export type MaintenanceSeverity = 'info' | 'warn' | 'error';
diff --git a/src/app/core/services/maintenance.service.ts b/src/app/core/services/maintenance.service.ts
@@ -0,0 +1,39 @@
+import { catchError, Observable, of } from 'rxjs';
+import { map } from 'rxjs/operators';
+
+import { HttpClient } from '@angular/common/http';
+import { inject, Injectable } from '@angular/core';
+
+import { Maintenance, MaintenanceSeverity } from '../models/maintenance.model';
+
+import { environment } from 'src/environments/environment';
+
+@Injectable({ providedIn: 'root' })
+export class MaintenanceService {
+  private readonly http = inject(HttpClient);
+  private readonly apiUrl = `${environment.apiDomainUrl}/v2`;
+
+  fetchMaintenanceStatus(): Observable<Maintenance | null> {
+    return this.http.get<{ maintenance?: Maintenance }>(`${this.apiUrl}/status/`).pipe(
+      map((data) => {
+        const maintenance = data.maintenance;
+        if (maintenance && this.isWithinMaintenanceWindow(maintenance)) {
+          return { ...maintenance, severity: this.getSeverity(maintenance.level) };
+        }
+        return null;
+      }),
+      catchError(() => of(null))
+    );
+  }
+
+  getSeverity(level: number): MaintenanceSeverity {
+    const map: Record<number, MaintenanceSeverity> = { 1: 'info', 2: 'warn', 3: 'error' };
+    return map[level] ?? 'info';
+  }
+
+  private isWithinMaintenanceWindow(maintenance: Maintenance): boolean {
+    if (!maintenance.start || !maintenance.end) return false;
+    const now = new Date();
+    return now >= new Date(maintenance.start) && now <= new Date(maintenance.end);
+  }
+}
