14092675744

Committed 26 Mar 2025 08:18PM UTC coverage: 81.764% (-0.1%) from 81.86%

Build # 14092675744

Build Type

push

github

Committed by

web-flow

Commit Message

Merge pull request #1185 from geonetwork/feat/metadata-quality-light-theme

[Datahub] Update the UI for Metadata Quality Component

Run Details

1891 of 2660 branches covered (71.09%)

Branch coverage included in aggregate %.

6 of 7 new or added lines in 3 files covered. (85.71%)

6256 of 7304 relevant lines covered (85.65%)

9.9 hits per line

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

52.63

/libs/ui/widgets/src/lib/progress-bar/progress-bar.component.ts

import { Component, Input } from '@angular/core'
import { NgSwitch, NgSwitchCase, NgSwitchDefault } from '@angular/common'

interface ColorScheme {
  outerBar: string
  innerBar: string
  text: string
}

@Component({
  selector: 'gn-ui-progress-bar',
  templateUrl: './progress-bar.component.html',
  styleUrls: ['./progress-bar.component.css'],
  standalone: true,
  imports: [NgSwitch, NgSwitchCase, NgSwitchDefault],
})
export class ProgressBarComponent {
  @Input() value = 0
  @Input() type: 'primary' | 'secondary' | 'default' | 'light' = 'default'

  get progress() {
    return this.value > 0 ? (this.value < 100 ? this.value : 100) : 0
  }

  get color(): ColorScheme {
    switch (this.type) {
      case 'default':
        return {
          outerBar: 'bg-gray-200',
          innerBar: 'bg-gray-100',
          text: 'text-gray-900',
        }
      case 'primary':
        return {
          outerBar: 'bg-primary',
          innerBar: 'bg-primary-lighter',
          text: 'text-white',
        }
      case 'secondary':
        return {
          outerBar: 'bg-secondary',
          innerBar: 'bg-secondary-lighter',
          text: 'text-white',
        }
      case 'light':
        return {
          outerBar: 'bg-primary-white',
          innerBar: 'bg-primary',
          text: 'text-main',
        }
    }
  }
}

1	import { Component, Input } from '@angular/core'	1✔
2	import { NgSwitch, NgSwitchCase, NgSwitchDefault } from '@angular/common'	1✔
3
4	interface ColorScheme {
5	outerBar: string
6	innerBar: string
7	text: string
8	}
9
10	@Component({
11	selector: 'gn-ui-progress-bar',
12	templateUrl: './progress-bar.component.html',
13	styleUrls: ['./progress-bar.component.css'],
14	standalone: true,
15	imports: [NgSwitch, NgSwitchCase, NgSwitchDefault],
16	})
17	export class ProgressBarComponent {	1✔
18	@Input() value = 0	1✔
19	@Input() type: 'primary' \| 'secondary' \| 'default' \| 'light' = 'default'	1✔
20
21	get progress() {
22	return this.value > 0 ? (this.value < 100 ? this.value : 100) : 0	4!
23	}
24
25	get color(): ColorScheme {
26	switch (this.type) {	6!
27	case 'default':
28	return {	6✔
29	outerBar: 'bg-gray-200',
30	innerBar: 'bg-gray-100',
31	text: 'text-gray-900',
32	}
33	case 'primary':
34	return {	×
35	outerBar: 'bg-primary',
36	innerBar: 'bg-primary-lighter',
37	text: 'text-white',
38	}
39	case 'secondary':
40	return {	×
41	outerBar: 'bg-secondary',
42	innerBar: 'bg-secondary-lighter',
43	text: 'text-white',
44	}
45	case 'light':
NEW 46	return {	×
47	outerBar: 'bg-primary-white',
48	innerBar: 'bg-primary',
49	text: 'text-main',
50	}
51	}
52	}
53	}

geonetwork / geonetwork-ui / 14092675744

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