Project

General

Profile

« Previous | Next » 

Revision 58912

Working on the new version of the oso - started incorporating charts and created a treemap highcharts component

View differences:

country-page.component.html
12 12
            <!--LAPTOP & PAD LANDSCAPE-->
13 13
            <div class="uk-visible@m">
14 14
              <ul *ngIf="countryPageOverviewData && countryPageOverviewData.name" class="uk-breadcrumb">
15
                <li><a [routerLink]="['/home']">Home</a></li>
15
                <li><a routerLink="/home">Home</a></li>
16 16
                <li><span>{{countryPageOverviewData.name}}</span></li>
17 17
              </ul>
18 18

  
......
614 614
              <!--<app-countries-table [isPercentage]="false" [type]="'overview'" [countries]="overviewData.countries"></app-countries-table>-->
615 615
            </div>
616 616
          </li>
617

  
617 618
          <!--OPEN SCIENCE tab-->
618 619
          <li aria-hidden="true" style="animation-duration: 200ms;">
619 620
            <div class="uk-margin tabContent">
620
              <app-data-view></app-data-view>
621
              <!--<app-countries-table [isPercentage]="false" [type]="'openScience'" [countries]="overviewData.countries"></app-countries-table>-->
621

  
622
              <ul class="uk-subnav uk-subnav-pill dataView uk-flex uk-flex-center" data-uk-switcher="{connect:'#switcher-content-a-fade', animation: 'fade'}">
623
                <li aria-expanded="true" class="uk-active">
624
                  <a class="publicationsSubnav" (click)="changeView('publications')">
625
                    <img src="../../../assets/img/icons/publications-icon.svg" width="15">
626
                  </a>
627
                </li>
628
                <li aria-expanded="false" class="">
629
                  <a class="datasetsSubnav" (click)="changeView('datasets')">
630
                    <img src="../../../assets/img/icons/datasets-icon.svg" width="15">
631
                  </a>
632
                </li>
633
                <li aria-expanded="false" class="">
634
                  <a class="softwareSubnav" (click)="changeView('software')">
635
                    <img src="../../../assets/img/icons/software-icon.svg" width="15">
636
                  </a>
637
                </li>
638
                <li aria-expanded="false" class="">
639
                  <a class="otherSubnav" (click)="changeView('other')">
640
                    <img src="../../../assets/img/icons/other-icon.svg" width="15">
641
                  </a>
642
                </li>
643
              </ul>
644

  
645
              <hr class="uk-visible@m">
646

  
647
              <ul id="switcher-content-a-fade" class="uk-switcher uk-margin" >
648
                <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
649
                  <div>
650
                    Publications....
651
                  </div>
652
                </li>
653
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
654
                  <div>
655
                    Datasets...
656
                  </div>
657
                </li>
658
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
659
                  <div>
660
                    Software...
661
                  </div>
662
                </li>
663
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
664
                  <div>
665
                    Other...
666
                  </div>
667
                </li>
668
              </ul>
669

  
622 670
            </div>
623 671
          </li>
672

  
624 673
          <li aria-hidden="true">
625 674
            <div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin="">
626 675
            </div>
627 676
          </li>
677

  
628 678
          <li aria-hidden="true">
629 679
            <div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin="">
630 680
            </div>
631 681
          </li>
682

  
632 683
          <li aria-hidden="true">
633 684
            <div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin="">
634 685
            </div>

Also available in: Unified diff