[Library | Trunk]: Remove directive modal-select.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@59257 d315682c-612b-4755-9ff5-7f18f6832af3

landingPages/landing-utils/citeThis/citeThis.component.ts

@@ -24,9 +24,9 @@ declare var UIkit: any;
     <div class="uk-padding">
       <mat-form-field class="matSelectionFormField uk-width-1-1">
         <mat-label>Select a citation style</mat-label>
-        <mat-select #matSelect class="matSelection" id="citations" name="citeselect" [(ngModel)]="selectedStyle"
+        <mat-select class="matSelection" id="citations" name="citeselect" [(ngModel)]="selectedStyle"
                     (ngModelChange)="styleChanged()"
-                    [disableOptionCentering]="true" modal-select [matSelect]="matSelect"
+                    [disableOptionCentering]="true"
                     panelClass="matSelectionPanel">
           <mat-option *ngFor=" let  style of this.citation.templates let i = index"
                       [value]="style">{{style}}</mat-option>

landingPages/landing-utils/citeThis/citeThis.module.ts

@@ -4,12 +4,11 @@ import { FormsModule }         from '@angular/forms';
 
 import {CiteThisComponent} from './citeThis.component';
 import {MatSelectModule} from "@angular/material";
-import {ModalSelectModule} from "../../../utils/modal-select/modal-select.module";
 
 @NgModule({
   imports: [
     
-    CommonModule, FormsModule, MatSelectModule, ModalSelectModule
+    CommonModule, FormsModule, MatSelectModule
   ],
   declarations: [
      CiteThisComponent

landingPages/organization/organization.component.html

@@ -352,7 +352,7 @@
       <div>
         <mat-form-field class="matSelectionFormField uk-width-1-1">
           <mat-label>Select a funder to download report</mat-label>
-          <mat-select [(value)]="funder" #matSelect modal-select [matSelect]="matSelect"
+          <mat-select [(value)]="funder"
                       [disableOptionCentering]="true"
                       class="matSelection" panelClass="matSelectionPanel">
             <mat-option *ngFor="let element of fetchProjects.funders"

landingPages/organization/organization.module.ts

@@ -26,7 +26,6 @@ import {OrganizationsDeletedByInferenceModule} from "./deletedByInference/delete
 import {LandingHeaderModule} from "../landing-utils/landing-header/landing-header.module";
 import {FeedbackModule} from "../feedback/feedback.module";
 import {MatSelectModule} from "@angular/material/select";
-import {ModalSelectModule} from "../../utils/modal-select/modal-select.module";
 import {TabsModule} from "../../utils/tabs/tabs.module";
 import {SearchTabModule} from "../../utils/tabs/contents/search-tab.module";
 
@@ -46,7 +45,7 @@ import {SearchTabModule} from "../../utils/tabs/contents/search-tab.module";
     ProjectsServiceModule,
     Schema2jsonldModule, SEOServiceModule, HelperModule,
     OrganizationsDeletedByInferenceModule, LandingHeaderModule, FeedbackModule,
-    MatSelectModule, ModalSelectModule,
+    MatSelectModule,
     TabsModule, SearchTabModule
   ],
   declarations: [

landingPages/project/project.component.html

@@ -278,8 +278,7 @@
                     <div class="uk-padding-small uk-padding-remove-vertical">
                       <mat-form-field class="matSelectionFormField uk-width-1-1">
                         <mat-label>Select content type to share</mat-label>
-                        <mat-select #matSelect  modal-select [matSelect]="matSelect"
+                        <mat-select [(value)]="share_research_results_type"
-                                    [(value)]="share_research_results_type"
                                     [disableOptionCentering]="true"
                                     panelClass="entitiesSelectionPanel"
                                     class="matSelection">
@@ -323,8 +322,7 @@
                       <mat-form-field
                                       class="matSelectionFormField uk-width-1-1">
                         <mat-label>Select content type report to download</mat-label>
-                        <mat-select #matSelect modal-select [matSelect]="matSelect"
+                        <mat-select [(value)]="download_research_results_type"
-                                    [(value)]="download_research_results_type"
                                     [disableOptionCentering]="true"
                                     panelClass="entitiesSelectionPanel"
                                     class="matSelection">

landingPages/project/project.module.ts

@@ -28,7 +28,6 @@ import {SEOServiceModule } from '../../sharedComponents/SEO/SEOService.module';
 import {FeedbackModule} from "../feedback/feedback.module";
 import {AltMetricsModule} from "../../utils/altmetrics.module";
 import {TabsModule} from "../../utils/tabs/tabs.module";
-import {ModalSelectModule} from "../../utils/modal-select/modal-select.module";
 import {SearchTabModule} from "../../utils/tabs/contents/search-tab.module";
 
 @NgModule({
@@ -39,7 +38,7 @@ import {SearchTabModule} from "../../utils/tabs/contents/search-tab.module";
     SearchResearchResultsServiceModule, ProjectServiceModule,
     Schema2jsonldModule, SEOServiceModule, HelperModule,
     LandingHeaderModule, MatSelectModule, FeedbackModule, AltMetricsModule,
-    TabsModule, ModalSelectModule, SearchTabModule
+    TabsModule, SearchTabModule
   ],
   declarations: [
     ProjectComponent

utils/modal-select/modal-select.directive.ts

@@ -1,17 +0,0 @@
-import {Directive, Input, OnInit} from "@angular/core";
-import {MatSelect} from "@angular/material/select";
-
-@Directive({
-  selector: '[modal-select]'
-})
-export class ModalSelectDirective implements OnInit{
-  
-  @Input() matSelect: MatSelect;
-  
-  ngOnInit() {
-    this.matSelect._openedStream.subscribe( () => {
-      let divElement: HTMLDivElement = <HTMLDivElement>document.getElementsByClassName('cdk-overlay-container')[0];
-      divElement.classList.add('modal-select');
-    });
-  }
-}

utils/modal-select/modal-select.module.ts

@@ -1,10 +0,0 @@
-import {NgModule} from "@angular/core";
-import {CommonModule} from "@angular/common";
-import {ModalSelectDirective} from "./modal-select.directive";
-
-@NgModule({
-  imports: [CommonModule],
-  declarations: [ModalSelectDirective],
-  exports: [ModalSelectDirective]
-})
-export class ModalSelectModule {}