Some changes in grid of indicators, both monitor and indications pages. Update libraries

This commit is contained in:
Konstantinos Triantafyllou 2022-04-11 12:31:09 +03:00
parent 3c7e7963f5
commit e27936ccc5
6 changed files with 12 additions and 12 deletions

View File

@ -1,5 +1,5 @@
import {NgModule} from '@angular/core';
import {NoPreloading, PreloadAllModules, RouterModule, Routes} from '@angular/router';
import {RouterModule, Routes} from '@angular/router';
import {OpenaireErrorPageComponent} from './error/errorPage.component';
import {AdminLoginGuard} from "./openaireLibrary/login/adminLoginGuard.guard";
import {AdminDashboardGuard} from "./utils/adminDashboard.guard";

View File

@ -531,7 +531,7 @@ export class MonitorComponent implements OnInit, OnDestroy {
public getNumberClassBySize(size: IndicatorSize) {
if (size === 'small') {
return 'uk-width-medium';
return 'uk-width-medium@m uk-width-1-1';
} else if (size === 'medium') {
return 'uk-width-1-4@l uk-width-1-2@m uk-width-1-1';
} else {

@ -1 +1 @@
Subproject commit 41d5926be3265f11808c954d5e4efe9737a1f8d3
Subproject commit 337a56ec757edef9876c147211f89e8d646a6935

View File

@ -31,7 +31,7 @@
(focusEmitter)="saveSection($event, numberSections.at(i), i, 'number')"
class="uk-width-1-3@m uk-width-1-1" placeholder="Title" inputClass="border-bottom"></div>
</div>
<div [id]="'number-' + number._id" class="uk-grid-match uk-grid-small uk-grid" uk-sortable="group: chart" uk-grid>
<div [id]="'number-' + number._id" class="uk-grid" uk-sortable="group: number" uk-grid>
<ng-template ngFor [ngForOf]="number.indicators" let-indicator let-j="index">
<div *ngIf="indicator" [id]="indicator._id"
[ngClass]="getNumberClassBySize(indicator.width)">
@ -80,11 +80,11 @@
</ng-template>
</div>
<div class="uk-margin-medium-top">
<div class="uk-grid uk-grid-small" uk-grid>
<div class="uk-grid" uk-grid>
<div [ngClass]="getNumberClassBySize('small')">
<a class="uk-card uk-card-default uk-card-body uk-link-reset" (click)="editNumberIndicatorOpen(number)">
<h6 class="uk-text-bold uk-text-center">
Create a new number Indicator
Create a number Indicator
</h6>
<div class="uk-flex uk-flex-center uk-text-primary-gradient uk-margin-large-top">
<icon name="add" [flex]="true" ratio="3"></icon>
@ -133,7 +133,7 @@
(focusEmitter)="saveSection($event, chartSections.at(i), i)"
class="uk-width-1-3@m uk-width-1-1" placeholder="Title" inputClass="border-bottom"></div>
</div>
<div [id]="'chart-' + chart._id" class="uk-grid-match uk-grid-small uk-grid" uk-sortable="group: chart" uk-grid>
<div [id]="'chart-' + chart._id" class="uk-grid uk-grid-column-medium" uk-sortable="group: chart" uk-grid>
<ng-template ngFor [ngForOf]="chart.indicators" let-indicator let-j="index">
<div *ngIf="indicator" [id]="indicator._id" [ngClass]="getChartClassBySize(indicator.width)">
<div class="uk-card uk-card-default uk-card-body uk-position-relative">
@ -190,12 +190,12 @@
</ng-template>
</div>
<div class="uk-margin-medium-top">
<div class="uk-grid uk-grid-small" uk-grid>
<div class="uk-grid uk-grid-column-medium" uk-grid>
<div [ngClass]="getChartClassBySize('small')">
<div class=" uk-card uk-card-default uk-card-body clickable" (click)="editChartIndicatorOpen(chart)">
<h5 class="uk-text-bold">
<h6 class="uk-text-bold uk-text-center">
Create a custom indicator
</h5>
</h6>
<div class="uk-text-muted uk-text-small">
Use our advance tool to create a custom Indicator that suit the needs of your funding
KPI's.

View File

@ -343,7 +343,7 @@ export class IndicatorsComponent implements OnInit, OnDestroy, OnChanges, AfterV
public getNumberClassBySize(size: IndicatorSize) {
if (size === 'small') {
return 'uk-width-medium';
return 'uk-width-medium@m uk-width-1-1';
} else if (size === 'medium') {
return 'uk-width-1-4@l uk-width-1-2@m uk-width-1-1';
} else {

@ -1 +1 @@
Subproject commit 292419ac8255d25af31ab835d22712a36c34f92e
Subproject commit 9fe876f2cd1f3f6b8f99e03b5927d667c94657ef