Change modal header background for dashboard pages

This commit is contained in:
Konstantinos Triantafyllou 2022-06-21 13:53:25 +03:00
parent d4baa76954
commit d4649fb3c0
7 changed files with 13 additions and 13 deletions

View File

@ -122,7 +122,7 @@
</div>
</ng-template>
<modal-alert #editStakeholderModal
id="edit_modal" [large]="true"
id="edit_modal" [large]="true" classTitle="uk-background-primary uk-light"
(alertOutput)="editStakeholderComponent.save(callback)"
[okDisabled]="editStakeholderComponent.disabled">
<div class="uk-padding">

@ -1 +1 @@
Subproject commit 3559b7a7caab5424f9a41974bc5978990d5cba73
Subproject commit 0c4df8a34dd4f518353c5924238eca9d2cf0a91e

View File

@ -217,7 +217,7 @@
</div>
</div>
<modal-alert #editNumberModal
[large]="true"
[large]="true" classTitle="uk-background-primary uk-light"
(alertOutput)="saveIndicator()"
[okDisabled]="numberIndicatorFb && (numberIndicatorFb.invalid || numberIndicatorFb.pristine)">
<div class="uk-padding-small">
@ -325,7 +325,7 @@
<div #editNumberNotify notify-form class="uk-width-1-1 uk-margin-medium-top"></div>
</div>
</modal-alert>
<modal-alert #editChartModal [large]="true" (alertOutput)="saveIndicator()"
<modal-alert #editChartModal [large]="true" (alertOutput)="saveIndicator()" classTitle="uk-background-primary uk-light"
[okDisabled]="chartIndicatorFb && (chartIndicatorFb.invalid || chartIndicatorFb.pristine)">
<div class="uk-padding-small">
<div *ngIf="chartIndicatorFb" [formGroup]="chartIndicatorFb" class="uk-grid" uk-grid>
@ -416,7 +416,7 @@
<div #editChartNotify notify-form class="uk-width-1-1 uk-margin-medium-top"></div>
</div>
</modal-alert>
<modal-alert #deleteModal (alertOutput)="deleteIndicator()" [overflowBody]="false">
<modal-alert #deleteModal (alertOutput)="deleteIndicator()" [overflowBody]="false" classTitle="uk-background-primary uk-light">
You are about to delete <span class="uk-text-bold" *ngIf="indicator && index !== -1">
"{{indicator.name ? indicator.name : indicator.indicatorPaths[0].parameters.title}}"</span> indicator permanently.
<div *ngIf="indicatorChildrenActionOnDelete == 'delete'" class="uk-text-bold">
@ -440,7 +440,7 @@
<span class="uk-text-bold">Indicators of all profiles based on this default indicator, will not be marked as copied from default anymore.</span>
Are you sure you want to proceed?
</modal-alert>-->
<modal-alert #deleteSectionModal (alertOutput)="deleteSection()" [overflowBody]="false">
<modal-alert #deleteSectionModal (alertOutput)="deleteSection()" [overflowBody]="false" classTitle="uk-background-primary uk-light">
You are about to delete this section and its indicators permanently.
<div *ngIf="sectionChildrenActionOnDelete == 'delete' && !stakeholder.defaultId" class="uk-text-bold">
Sections of all profiles based on this default section and their contents, will be deleted as well.

View File

@ -11,7 +11,8 @@ import {
} from "@angular/core";
import {
Indicator,
IndicatorPath, IndicatorSize,
IndicatorPath,
IndicatorSize,
IndicatorType,
Section,
Stakeholder,
@ -25,18 +26,16 @@ import {HelperFunctions} from "../openaireLibrary/utils/HelperFunctions.class";
import {DomSanitizer, SafeResourceUrl} from "@angular/platform-browser";
import {Reorder, StakeholderService} from "../openaireLibrary/monitor/services/stakeholder.service";
import {EnvProperties} from "../openaireLibrary/utils/properties/env-properties";
import {Observable, Subscriber, Subscription} from "rxjs";
import {Observable, Subscriber} from "rxjs";
import {LayoutService} from "../openaireLibrary/dashboard/sharedComponents/sidebar/layout.service";
import {Router} from "@angular/router";
import {Role, Session, User} from "../openaireLibrary/login/utils/helper.class";
import {UserManagementService} from "../openaireLibrary/services/user-management.service";
import {StringUtils} from "../openaireLibrary/utils/string-utils.class";
import {Notification} from "../openaireLibrary/notifications/notifications";
import {NotificationUtils} from "../openaireLibrary/notifications/notification-utils";
import {NotifyFormComponent} from "../openaireLibrary/notifications/notify-form/notify-form.component";
import {NotificationService} from "../openaireLibrary/notifications/notification.service";
import {properties} from "../../environments/environment";
import {response} from "express";
import {NotificationHandler} from "../openaireLibrary/utils/notification-handler";
declare var UIkit;

View File

@ -228,14 +228,14 @@
[stakeholder]="stakeholder" [changed]="change.asObservable()"></indicators>
</div>
</div>
<modal-alert #deleteModal (alertOutput)="deleteElement()" [overflowBody]="false">
<modal-alert #deleteModal classTitle="uk-background-primary uk-light" (alertOutput)="deleteElement()" [overflowBody]="false">
You are about to delete <span class="uk-text-bold" *ngIf="element">"{{element.name}}"</span> {{type}} permanently.
<div *ngIf="elementChildrenActionOnDelete == 'delete'" class="uk-text-bold">
{{getPluralTypeName()}} of all profiles based on this default {{type}}, will be deleted as well.
</div>
Are you sure you want to proceed?
</modal-alert>
<modal-alert #editModal (alertOutput)="saveElement()" [okDisabled]="form && (form.invalid || form.pristine)">
<modal-alert #editModal classTitle="uk-background-primary uk-light" (alertOutput)="saveElement()" [okDisabled]="form && (form.invalid || form.pristine)">
<div *ngIf="form" class="uk-grid uk-padding uk-padding-remove-horizontal uk-child-width-1-1" [formGroup]="form"
uk-grid>
<div input [formInput]="form.get('name')" placeholder="Title"></div>

View File

@ -7,6 +7,7 @@
/** Background*/
@background-primary-background: @monitor-color;
@background-primary-background-gradient: none;
/** Buttons */
@button-primary-background: @monitor-color;

@ -1 +1 @@
Subproject commit fd011da60787dd864295b55b30dd43ac064266d3
Subproject commit 4fca369b2e4f4f2c2689e0efc501d2c548dfeb68