Metrics delete click module and change width rules

This commit is contained in:
Konstantinos Triantafyllou 2022-04-19 14:04:19 +03:00
parent 69273b938a
commit 9c1f1dd97d
2 changed files with 4 additions and 6 deletions

View File

@ -11,14 +11,13 @@ import {ClickEvent} from "../../../utils/click/click-outside-or-esc.directive";
selector: 'metrics', selector: 'metrics',
styleUrls: ['metrics.component.css'], styleUrls: ['metrics.component.css'],
template: ` template: `
<div *ngIf="metrics && (pageViews >0 || metrics.totalViews > 0|| metrics.totalDownloads >0)" class="metrics" <div *ngIf="metrics && (pageViews >0 || metrics.totalViews > 0|| metrics.totalDownloads >0)" class="metrics">
click-outside-or-esc (clickOutside)="close($event)">
<a class="m-badge uk-link-reset uk-display-block"> <a class="m-badge uk-link-reset uk-display-block">
<img src="assets/common-assets/logo-small-usage-counts.png" loading="lazy" alt="usage counts"> <img src="assets/common-assets/logo-small-usage-counts.png" loading="lazy" alt="usage counts">
<div class="number">{{total | number}}</div> <div class="number">{{total | number}}</div>
</a> </a>
<div class="uk-dropdown uk-background-default" uk-dropdown="pos: right-top; mode: click; offset: 30"> <div class="uk-dropdown uk-background-default" uk-dropdown="pos: right-top; mode: click; offset: 30; animation: uk-animation-fade">
<div class="uk-padding-small uk-width-large@l uk-width-medium"> <div class="uk-padding-small uk-width-large@s uk-width-medium">
<div *ngIf="entityType == 'projects'" class="uk-alert uk-alert-primary uk-margin-small-bottom"> <div *ngIf="entityType == 'projects'" class="uk-alert uk-alert-primary uk-margin-small-bottom">
<span class="uk-text-center uk-text-small">Project metrics <span class="uk-text-center uk-text-small">Project metrics
are derived from aggregating individual research results metrics. are derived from aggregating individual research results metrics.

View File

@ -9,12 +9,11 @@ import {MetricsService} from '../../../services/metrics.service';
import {ErrorMessagesModule} from '../../../utils/errorMessages.module'; import {ErrorMessagesModule} from '../../../utils/errorMessages.module';
import {IFrameModule} from "../../../utils/iframe.module"; import {IFrameModule} from "../../../utils/iframe.module";
import {ClickModule} from "../../../utils/click/click.module";
import {IconsModule} from "../../../utils/icons/icons.module"; import {IconsModule} from "../../../utils/icons/icons.module";
@NgModule({ @NgModule({
imports: [ imports: [
CommonModule, FormsModule, ErrorMessagesModule, IFrameModule, ClickModule, IconsModule CommonModule, FormsModule, ErrorMessagesModule, IFrameModule, IconsModule
], ],
declarations: [ declarations: [
MetricsComponent MetricsComponent