From e9c22bfe73bdb3cee5c78f898ade2f6c2fadee80 Mon Sep 17 00:00:00 2001 From: "konstantina.galouni" Date: Wed, 13 Sep 2023 15:04:18 +0300 Subject: [PATCH] [Validator | right-col-temp]: [WIP] oaipmh-validator.component: Updates in right sidebar of validation page. --- .../oaipmh-validator.component.html | 212 ++++++++++++------ .../oaipmh-validator.component.ts | 25 ++- 2 files changed, 165 insertions(+), 72 deletions(-) diff --git a/src/app/pages/oaipmh-validator/validation-settings/oaipmh-validator.component.html b/src/app/pages/oaipmh-validator/validation-settings/oaipmh-validator.component.html index d095004..5633dc0 100644 --- a/src/app/pages/oaipmh-validator/validation-settings/oaipmh-validator.component.html +++ b/src/app/pages/oaipmh-validator/validation-settings/oaipmh-validator.component.html @@ -1,5 +1,6 @@ -
-
+
+ +
@@ -55,8 +56,8 @@
- - + + @@ -70,74 +71,76 @@
-
-
-
+
+
+
Help
-
-
    -
  • - - - - - - 1 - - - - Select Data source - -
    -

    - Select from the list, or enter the base OAI URL of the repository/ journal. - The repository's/ journal's published sets are exposed in a later stage and you may select one for the compatibility tests. -

    -
    -
    • -
  • - - - - - - 2 - - - - Select Guidelines - -
    -

    You may apply two types of compatibility tests on your repository:

    -
      -
    • Content: specific to the content/ format of the dc fields
      • -
    • Usage: specific to the implementation of OAI-PMH
      • -
    -

    You may select from a predefined set of rules (OpenAIRE for Literature Repositories, OpenAIRE for Data Archives) or customize them according to your needs.

    -
    -
    • -
  • - - - - - - 3 - - - - Select Parameters - -
    -

    - ... -

    -
    -
    • -
+
+
+
    +
  • + + + + + + 1 + + + + Select Data source + +
    +

    + Select from the list, or enter the base OAI URL of the repository/ journal. + The repository's/ journal's published sets are exposed in a later stage and you may select one for the compatibility tests. +

    +
    +
    • +
  • + + + + + + 2 + + + + Select Guidelines + +
    +

    You may apply two types of compatibility tests on your repository:

    +
      +
    • Content: specific to the content/ format of the dc fields
      • +
    • Usage: specific to the implementation of OAI-PMH
      • +
    +

    You may select from a predefined set of rules (OpenAIRE for Literature Repositories, OpenAIRE for Data Archives) or customize them according to your needs.

    +
    +
    • +
  • + + + + + + 3 + + + + Select Parameters + +
    +

    + ... +

    +
    +
    • +
+
- Dismiss Help + Dismiss Help
@@ -147,7 +150,7 @@
@@ -156,3 +159,72 @@
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/app/pages/oaipmh-validator/validation-settings/oaipmh-validator.component.ts b/src/app/pages/oaipmh-validator/validation-settings/oaipmh-validator.component.ts index 430213f..0603ba2 100644 --- a/src/app/pages/oaipmh-validator/validation-settings/oaipmh-validator.component.ts +++ b/src/app/pages/oaipmh-validator/validation-settings/oaipmh-validator.component.ts @@ -1,4 +1,4 @@ -import {Component, OnInit} from '@angular/core'; +import {ChangeDetectorRef, Component, OnInit, ViewChild} from '@angular/core'; import {OaipmhValidatorService} from "../../../services/oaipmh-validator.service"; import {UntypedFormBuilder, UntypedFormGroup, Validators} from "@angular/forms"; import {Option} from "../../../openaire-library/sharedComponents/input/input.component"; @@ -13,6 +13,10 @@ import {Subscriber} from "rxjs"; styleUrls: ['./oaipmh-validator.component.less'] }) export class OaipmhValidatorComponent implements OnInit { + @ViewChild("right_sidebar") right_sidebar; + @ViewChild("right_sidebar_header") right_sidebar_header; + @ViewChild("right_sidebar_footer") right_sidebar_footer; + public options: Option[] = [ {label: 'OpenAIRE Guidelines for Data Archives Profile v2', value: 'OpenAIRE Guidelines for Data Archives Profile v2'}, {label: 'OpenAIRE Guidelines for Literature Repositories Profile v3', value: 'OpenAIRE Guidelines for Literature Repositories Profile v3'}, @@ -27,9 +31,13 @@ export class OaipmhValidatorComponent implements OnInit { public offset: number = 0; public help: boolean = false; + public right_sidebar_body_height: number = 0; + subscriptions = []; - constructor(private fb: UntypedFormBuilder, private router: Router, private validator: OaipmhValidatorService) { + constructor(private fb: UntypedFormBuilder, private router: Router, + private cdr: ChangeDetectorRef, + private validator: OaipmhValidatorService) { this.form = this.fb.group({ url: this.fb.control("", StringUtils.urlValidator()),//[Validators.required/*, Validators.email*/]), guidelines: this.fb.control("", Validators.required), @@ -58,6 +66,17 @@ export class OaipmhValidatorComponent implements OnInit { }); } + openHelp() { + this.help = true; + this.cdr.detectChanges(); + if (typeof document !== 'undefined') { + console.log(this.right_sidebar.nativeElement.offsetHeight); + console.log(this.right_sidebar_header.nativeElement.offsetHeight); + console.log(this.right_sidebar_footer.nativeElement.offsetHeight); + this.right_sidebar_body_height = this.right_sidebar.nativeElement.offsetHeight - this.right_sidebar_header.nativeElement.offsetHeight - this.right_sidebar_footer.nativeElement.offsetHeight; + } + } + updateRecordsNum(increase: boolean = true) { this.recordsNum = this.recordsNum + (increase ? 10 : -10); this.form.get('recordsNum').setValue(this.recordsNum); @@ -95,4 +114,6 @@ export class OaipmhValidatorComponent implements OnInit { } )); } + + protected readonly innerHeight = innerHeight; }