import { Component, Directive, ElementRef, Renderer, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';
import { ConfigurationService } from './utils/configuration/configuration.service';
import {Observable}       from 'rxjs/Observable';

@Component({
  //changeDetection: ChangeDetectionStrategy.Default,
  //encapsulation: ViewEncapsulation.Emulated,
  selector: 'app-root',
  styles: [`
  `],
  template: `
        <navbar portal="explore" onlyTop=false userMenu=true></navbar>
        <h1>Openaire Lib Component</h1>


          <!--div id="tm-main" class=" uk-section  uk-margin-large-top tm-middle custom-main-content"   >
                <div uk-grid uk-grid>
                   <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first "-->
                   <div class="custom-main-content"   >
                      <main>
                       <router-outlet></router-outlet>

                     </main>
                    </div>
                   <!--/div>


                </div>
          </div-->
          <!--feedback *ngIf= "isClient"></feedback>
          <cookie-law *ngIf= "isClient" 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 <span class="uk-icon">
              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="chevron-right" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.03" points="7 4 13 10 7 16"></polyline></svg>
              </span></a>
          </cookie-law>
           <bottom *ngIf= "isClient"></bottom-->

`

})
export class AppComponent {
   isClient:boolean = false;
   constructor(private config: ConfigurationService) {}

   ngOnInit() {

     if (typeof document !== 'undefined') {
       try{
         this.isClient = true;
       }catch (e) {
       }
     }
   }
}