hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-07 10:04:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

[CST-6171] Item status type badge colors

Browse Source
This commit is contained in:
Davide Negretti
2022-10-19 00:58:59 +02:00
parent b62a4f6c53
commit a69f61e4f3
3 changed files with 34 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/shared/object-collection/shared/mydspace-item-status/my-dspace-item-status.component.spec.ts
View File

@@ -55,34 +55,34 @@ describe('MyDSpaceItemStatusComponent', () => {
component.status = MyDspaceItemStatusType.VALIDATION; component.status = MyDspaceItemStatusType.VALIDATION;
fixture.detectChanges(); fixture.detectChanges();
expect(component.badgeContent).toBe(MyDspaceItemStatusType.VALIDATION); expect(component.badgeContent).toBe(MyDspaceItemStatusType.VALIDATION);
expect(component.badgeClass).toBe('text-light badge badge-warning'); expect(component.badgeClass).toBe('text-light badge badge-validation');
}); });
it('should init badge content and class', () => { it('should init badge content and class', () => {
component.status = MyDspaceItemStatusType.WAITING_CONTROLLER; component.status = MyDspaceItemStatusType.WAITING_CONTROLLER;
fixture.detectChanges(); fixture.detectChanges();
expect(component.badgeContent).toBe(MyDspaceItemStatusType.WAITING_CONTROLLER); expect(component.badgeContent).toBe(MyDspaceItemStatusType.WAITING_CONTROLLER);
expect(component.badgeClass).toBe('text-light badge badge-info'); expect(component.badgeClass).toBe('text-light badge badge-waiting-controller');
}); });
it('should init badge content and class', () => { it('should init badge content and class', () => {
component.status = MyDspaceItemStatusType.WORKSPACE; component.status = MyDspaceItemStatusType.WORKSPACE;
fixture.detectChanges(); fixture.detectChanges();
expect(component.badgeContent).toBe(MyDspaceItemStatusType.WORKSPACE); expect(component.badgeContent).toBe(MyDspaceItemStatusType.WORKSPACE);
expect(component.badgeClass).toBe('text-light badge badge-primary'); expect(component.badgeClass).toBe('text-light badge badge-workspace');
}); });
it('should init badge content and class', () => { it('should init badge content and class', () => {
component.status = MyDspaceItemStatusType.ARCHIVED; component.status = MyDspaceItemStatusType.ARCHIVED;
fixture.detectChanges(); fixture.detectChanges();
expect(component.badgeContent).toBe(MyDspaceItemStatusType.ARCHIVED); expect(component.badgeContent).toBe(MyDspaceItemStatusType.ARCHIVED);
expect(component.badgeClass).toBe('text-light badge badge-success'); expect(component.badgeClass).toBe('text-light badge badge-archived');
}); });
it('should init badge content and class', () => { it('should init badge content and class', () => {
component.status = MyDspaceItemStatusType.WORKFLOW; component.status = MyDspaceItemStatusType.WORKFLOW;
fixture.detectChanges(); fixture.detectChanges();
expect(component.badgeContent).toBe(MyDspaceItemStatusType.WORKFLOW); expect(component.badgeContent).toBe(MyDspaceItemStatusType.WORKFLOW);
expect(component.badgeClass).toBe('text-light badge badge-info'); expect(component.badgeClass).toBe('text-light badge badge-workflow');
}); });
}); });

10
src/app/shared/object-collection/shared/mydspace-item-status/my-dspace-item-status.component.ts
View File

@@ -34,19 +34,19 @@ export class MyDSpaceItemStatusComponent implements OnInit {
this.badgeClass = 'text-light badge '; this.badgeClass = 'text-light badge ';
switch (this.status) { switch (this.status) {
case MyDspaceItemStatusType.VALIDATION: case MyDspaceItemStatusType.VALIDATION:
this.badgeClass += 'badge-warning'; this.badgeClass += 'badge-validation';
break; break;
case MyDspaceItemStatusType.WAITING_CONTROLLER: case MyDspaceItemStatusType.WAITING_CONTROLLER:
this.badgeClass += 'badge-info'; this.badgeClass += 'badge-waiting-controller';
break; break;
case MyDspaceItemStatusType.WORKSPACE: case MyDspaceItemStatusType.WORKSPACE:
this.badgeClass += 'badge-primary'; this.badgeClass += 'badge-workspace';
break; break;
case MyDspaceItemStatusType.ARCHIVED: case MyDspaceItemStatusType.ARCHIVED:
this.badgeClass += 'badge-success'; this.badgeClass += 'badge-archived';
break; break;
case MyDspaceItemStatusType.WORKFLOW: case MyDspaceItemStatusType.WORKFLOW:
this.badgeClass += 'badge-info'; this.badgeClass += 'badge-workflow';
break; break;
} }
} }

24
src/styles/_global-styles.scss
View File

@@ -204,3 +204,27 @@ ds-dynamic-form-control-container.d-none {
} }
.badge-validation {
background-color: #{map-get($theme-colors, warning)};
}
.badge-waiting-controller {
background-color: #{map-get($theme-colors, info)};
}
.badge-workspace {
background-color: #{map-get($theme-colors, primary)};
}
.badge-archived {
background-color: #{map-get($theme-colors, success)};
}
.badge-workflow {
background-color: #{map-get($theme-colors, info)};
}
.badge-item-type {
background-color: #{map-get($theme-colors, info)};
}