Project

General

Profile

« Previous | Next » 

Revision 52769

Landing Pages changes: info titles on right, hide metrics short version, show message no metrics available when numbers are zeroes, parse contexts of type community OR RI, change linking FAB set in the middle

View differences:

publication.component.html
643 643
        </div>
644 644

  
645 645
        <div class="uk-width-large@m uk-width-1-1@s">
646
          <div class="uk-card uk-card-default uk-padding-small">
646
          <div class=" uk-padding-small">
647 647
          <div  >
648
            Share - Bookmark
648
            <div  class="sideInfoTitle uk-margin-small-bottom">Share - Bookmark</div>
649 649
            <addThis></addThis>
650 650
          </div>
651 651
          <altmetrics  *ngIf="publicationInfo.identifiers && publicationInfo.identifiers.get('doi')"
......
661 661

  
662 662
                <li *ngIf="publicationInfo.contexts && publicationInfo.contexts.length >0 ">
663 663
                    <dl class="uk-description-list-line"  >
664
                        <dt class="title">Related to</dt>
664
                        <dt class="sideInfoTitle">Related to</dt>
665 665
                        <dd class="line" *ngFor="let item of publicationInfo.contexts">
666 666
                          <span *ngIf = "!item['inline']" >
667 667
                            <span>{{item['labelContext']}}</span>
......
678 678

  
679 679
                </li>
680 680
                <li>
681
                  <metrics [pageViews]="pageViews" shortView=true
681
                  <!--metrics [pageViews]="pageViews" shortView=true
682 682
                      [id]="articleId" [entityType]="'results'" [entity]="'Publication'"
683 683
                      (metricsResults)="metricsResults($event)" [(properties)] = properties>
684
                  </metrics>
684
                  </metrics-->
685 685
                </li>
686 686
                <li>
687 687
                  <ul uk-accordion class="uk-padding-remove citation-accordion">
688 688
                      <li>
689
                        <div class=" uk-accordion-title cite-this-button uk-width-1-1" type="button">
689
                        <div class=" sideInfoTitle uk-accordion-title cite-this-button uk-width-1-1" type="button">
690 690
                          Cite this publication
691 691
                        </div>
692 692
                          <div class="uk-accordion-content">
......
701 701
        </div>
702 702
    </div>
703 703
    <!-- Claiming FAB -->
704

  
705
     <!--div   class=" uk-width-1-1 linkButtonsBox  " style="z-index: 200; bottom: 0px; position: fixed; right: 0px; ">
706
       <div class="uk-align-center uk-width-large uk-margin-small-top uk-margin-small-bottom">
707
       <span class="uk-icon">
708
            <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
709
          </span> Link this publication to
710
          <a   class="   uk-icon-button uk-button-primary  shadowBox"  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','project'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim"
711
          uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light  '>Projects</div>" >
712
            <span class="uk-icon" >
713
               <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="album" ratio="1"><rect x="5" y="2" width="10" height="1"></rect><rect x="3" y="4" width="14" height="1"></rect><rect fill="none" stroke="#000" x="1.5" y="6.5" width="17" height="11"></rect></svg></span>
714
          </a>
715
          <a   class="   uk-icon-button uk-button-primary  shadowBox"  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','context'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim"
716
           uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Communities</div>">
717
            <span class="uk-icon"  >
718
                 <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="users" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg></span>
719
          </a>
720
          <a   class="   uk-icon-button uk-button-primary  shadowBox"  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim"
721
          uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light uk-margin-small'>Other research results</div>">
722
            <span class="uk-icon" >
723
                 <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>
724
          </a>
725
        </div>
726
     </div-->
704 727
    <div class="uk-inline">
705
       <div   class="   uk-float-right  " style="z-index: 200; bottom: 45px; position: fixed; right: 45px;">
706
         <!--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class="   uk-icon-button uk-button-primary  "   uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Link this publication to</div>">
728

  
729

  
730
       <div   class="   uk-float-right  " style="z-index: 200; bottom: 55px; position: fixed; right: 45%;">
731
          <button  class="   uk-button uk-button-danger shadowBox ">
707 732
           <span class="uk-icon">
708
                <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="40" viewBox="0 0 20 20" height="40"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
709
              </span>
710
         </a-->
711
         <button style=" box-shadow: 0 1px 10px #444444" class="   uk-button uk-button-danger  ">
712
           <span class="uk-icon">
713 733
                <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20" height="25"><path d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375" fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975" fill="none" stroke="#000" stroke-width="1.1"></path></svg>
714
              </span> Link this publication to...
734
              </span> Link this publication to
715 735
         </button>
716 736

  
717 737
       <div   uk-dropdown="pos: top-right; mode:click" style="background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;">
718 738
           <ul class="uk-iconnav uk-iconnav-vertical">
719 739
             <li  uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light  '>Projects</div>">
720
               <a   class="   uk-icon-button uk-button-primary  "  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','project'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim">
740
               <a   class="   uk-icon-button uk-button-primary  shadowBox"  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','project'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim">
721 741
                 <span class="uk-icon" >
722 742
                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="album" ratio="1"><rect x="5" y="2" width="10" height="1"></rect><rect x="3" y="4" width="14" height="1"></rect><rect fill="none" stroke="#000" x="1.5" y="6.5" width="17" height="11"></rect></svg></span>
723 743
               </a>
724 744
             </li>
725 745
              <li  uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Communities</div>">
726
                <a   class="   uk-icon-button uk-button-primary  "  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','context'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
746
                <a   class="   uk-icon-button uk-button-primary  shadowBox"  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','context'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
727 747
                  <span class="uk-icon"  >
728 748
                       <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="users" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="7.7" cy="8.6" r="3.5"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"></path></svg></span>
729 749
                </a>
730 750
              </li>
731 751
              <li uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light uk-margin-small'>Other research results</div>">
732
                <a   class="   uk-icon-button uk-button-primary  "  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
752
                <a   class="   uk-icon-button uk-button-primary  shadowBox"  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[articleId,'publication','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
733 753
                  <span class="uk-icon" >
734 754
                       <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1"><rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect><polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline></svg></span>
735 755
                </a>
......
739 759
       </div>
740 760
       </div>
741 761
    </div>
762

  
742 763
</div>
743 764
</div>
744 765
</div>

Also available in: Unified diff