D-Net

import { Component, Directive, ElementRef, Renderer, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';

//

/////////////////////////

// ** Example Directive

// Notice we don't touch the Element directly

@Directive({

  selector: '[xLarge]'

})

export class XLargeDirective {

  constructor(element: ElementRef, renderer: Renderer) {

    // ** IMPORTANT **

    // we must interact with the dom through -Renderer-

    // for webworker/server to see the changes

    renderer.setElementStyle(element.nativeElement, 'fontSize', 'x-large');

    // ^^

  }

}

@Component({

  changeDetection: ChangeDetectionStrategy.Default,

  encapsulation: ViewEncapsulation.Emulated,

  selector: 'app',

  styles: [`

  `],

  template: `

        <navbar></navbar>

          <div id="tm-main" class="tm-middle custom-main-content" uk-height-viewport="mode: expand">

             <div class="uk-container uk-container-center">

                <div class="uk-grid" uk-grid>

                   <div class="tm-main uk-width-small-1-1 uk-width-medium-1-1  uk-width-large-1-1 uk-row-first ">

                      <main>

                       <router-outlet></router-outlet>

                     </main>

                   </div>

                   <!-- Sidebar -->

                   <!--div id="tm-sidebar" class="tm-sidebar uk-width-medium-1-4 uk-hidden-small">

                      <div class="uk-child-width-1-1" uk-grid>

                              something in sidebar

                             <login></login>

                      </div>

                   </div-->

                   <!-- end of sidebar -->

                </div>

             </div>

          </div>

          <cookie-law position="bottom">

          OpenAIRE uses cookies in order to function properly.<br>

          Cookies are small pieces of data that websites store in your browser to allow us to give you the best browsing experience possible.

          By using the OpenAIRE portal you accept our use of cookies. <a href="//ec.europa.eu/ipg/basics/legal/cookies/index_en.htm" target="_blank"> Read more <i class="uk-icon-angle-double-right"></i></a>

          </cookie-law>

          <bottom></bottom>

`

})

export class AppComponent {

  title = 'ftw';

}