15708825682

Committed 17 Jun 2025 01:37PM UTC coverage: 83.466% (-0.7%) from 84.189%

Build # 15708825682

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #1266 from geonetwork/fix-app-banner

[Datahub] Reposition application banner & enable close button by default

Run Details

1700 of 2327 branches covered (73.06%)

Branch coverage included in aggregate %.

0 of 2 new or added lines in 1 file covered. (0.0%)

5413 of 6195 relevant lines covered (87.38%)

11.75 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

34.38

/libs/ui/elements/src/lib/application-banner/application-banner.component.ts

import { ChangeDetectionStrategy, Component, Input } from '@angular/core'
import { CommonModule } from '@angular/common'
import {
  NgIconComponent,
  provideIcons,
  provideNgIconsConfig,
} from '@ng-icons/core'
import {
  matCloseOutline,
  matInfoOutline,
  matWarningAmberOutline,
} from '@ng-icons/material-icons/outline'
import { matWarning } from '@ng-icons/material-icons/baseline'

@Component({
  selector: 'gn-ui-application-banner',
  standalone: true,
  imports: [CommonModule, NgIconComponent],
  changeDetection: ChangeDetectionStrategy.OnPush,
  templateUrl: './application-banner.component.html',
  styleUrl: './application-banner.component.css',
  providers: [
    provideIcons({
      matWarningAmberOutline,
      matInfoOutline,
      matCloseOutline,
      matWarning,
    }),
    provideNgIconsConfig({ size: '1.5em' }),
  ],
})
export class ApplicationBannerComponent {
  @Input() message: string
  @Input() title: string
  @Input() closeEnabled = false
  @Input() extraClass = ''
  @Input() icon = ''
  msgClass = ''
  bannerOpen = true

  @Input() set type(value: 'primary' | 'secondary' | 'light') {
    switch (value) {
      case 'primary':
        this.msgClass = 'bg-primary-darkest border-primary text-white'
        this.icon = 'matWarning'
        break
      case 'light':
        this.msgClass =
          'bg-primary-opacity-10 border-primary-lightest text-black'
        this.icon = 'matInfoOutline'
        break
      case 'secondary':
      default:
        this.msgClass = 'bg-primary-opacity-50 border-primary-darker text-black'
        this.icon = 'matWarningAmberOutline'
        break
    }
  }

  get classList() {
    if (this.message.length > 200 && !this.closeEnabled) {
      return `${this.msgClass} ${this.extraClass} overflow-y-scroll items-start max-h-16`
    }
    return `${this.msgClass} ${this.extraClass} items-center`
  }

  closeMessage() {
    this.bannerOpen = false
  }
}

1	import { ChangeDetectionStrategy, Component, Input } from '@angular/core'	1✔
2	import { CommonModule } from '@angular/common'	1✔
3	import {	1✔
4	NgIconComponent,
5	provideIcons,
6	provideNgIconsConfig,
7	} from '@ng-icons/core'
8	import {	1✔
9	matCloseOutline,
10	matInfoOutline,
11	matWarningAmberOutline,
12	} from '@ng-icons/material-icons/outline'
13	import { matWarning } from '@ng-icons/material-icons/baseline'	1✔
14
15	@Component({
16	selector: 'gn-ui-application-banner',
17	standalone: true,
18	imports: [CommonModule, NgIconComponent],
19	changeDetection: ChangeDetectionStrategy.OnPush,
20	templateUrl: './application-banner.component.html',
21	styleUrl: './application-banner.component.css',
22	providers: [
23	provideIcons({
24	matWarningAmberOutline,
25	matInfoOutline,
26	matCloseOutline,
27	matWarning,
28	}),
29	provideNgIconsConfig({ size: '1.5em' }),
30	],
31	})
32	export class ApplicationBannerComponent {	1✔
33	@Input() message: string
34	@Input() title: string
35	@Input() closeEnabled = false	1✔
36	@Input() extraClass = ''	1✔
37	@Input() icon = ''	1✔
38	msgClass = ''	1✔
39	bannerOpen = true	1✔
40
41	@Input() set type(value: 'primary' \| 'secondary' \| 'light') {
42	switch (value) {	×
43	case 'primary':
44	this.msgClass = 'bg-primary-darkest border-primary text-white'	×
45	this.icon = 'matWarning'	×
46	break	×
47	case 'light':
48	this.msgClass =	×
49	'bg-primary-opacity-10 border-primary-lightest text-black'
50	this.icon = 'matInfoOutline'	×
51	break	×
52	case 'secondary':
53	default:
54	this.msgClass = 'bg-primary-opacity-50 border-primary-darker text-black'	×
55	this.icon = 'matWarningAmberOutline'	×
56	break	×
57	}
58	}
59
60	get classList() {
NEW 61	if (this.message.length > 200 && !this.closeEnabled) {	×
NEW 62	return `${this.msgClass} ${this.extraClass} overflow-y-scroll items-start max-h-16`	×
63	}
64	return `${this.msgClass} ${this.extraClass} items-center`	×
65	}
66
67	closeMessage() {
68	this.bannerOpen = false	×
69	}
70	}

geonetwork / geonetwork-ui / 15708825682

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous