Project

General

Profile

« Previous | Next » 

Revision 59160

Added by Konstantinos Triantafyllou almost 4 years ago

[Library | Trunk]: Change download from and search results base on UI/UX suggestions

View differences:

modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchResult.component.html
1 1 
<ul [class]="'uk-list uk-margin uk-margin-top '+custom_class">
2 2 
  <errorMessages [status]="[status]" [type]="'results'"></errorMessages>
3 3 
  <li *ngFor="let result of previewResults" class="uk-animation-fade">
4 
    <div class="uk-card uk-card-default uk-padding uk-card-hover">
4 
    <div class="uk-card uk-card-default uk-card-hover">
5 5 
      <result-preview [properties]="properties" [showOrganizations]="showOrganizations"
6 6 
                      [showSubjects]="showSubjects" [result]="result">
7 7 
      </result-preview>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/landing-utils/availableOn.component.ts
48 48 
    <div *ngIf="showNum > threshold" class="uk-margin-bottom">
49 49 
      <a (click)="showNum = threshold;" class="uk-flex uk-flex-middle uk-flex-center">
50 50 
        <span>View less</span>
51 
        <span class="space" uk-icon="chevron-down"></span>
51 
        <span class="space uk-icon">
52 
          <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="chevron-up">
53 
            <polyline fill="none" stroke="#000" stroke-width="1.03" points="4 13 10 7 16 13"></polyline>
54 
          </svg>
55 
        </span>
52 56 
      </a>
53 57 
    </div>
54 58 
    <!--    <div *ngIf="showNum == threshold && availableOn && availableOn.length > 5">...</div>-->
55 59 
    <div *ngIf="showNum == threshold && availableOn && availableOn.length > 5" class="uk-margin-bottom">
56 60 
      <a (click)="showNum = availableOn.length;" class="uk-flex uk-flex-middle uk-flex-center">
57 61 
        <span>View more</span>
58 
        <span class="space" uk-icon="chevron-down"></span>
62 
        <span class="space uk-icon">
63 
          <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="chevron-down">
64 
            <polyline fill="none" stroke="#000" stroke-width="1.03" points="16 7 10 13 4 7"></polyline>
65 
          </svg>
66 
        </span>
59 67 
      </a>
60 68 
    </div>
61 69 
  `
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/landing-utils/citeThis/citeThis.component.ts
34 34 
      </mat-form-field>
35 35 
      <div *ngIf="selectedStyle">
36 36 
        <div id="citation" class="box-content uk-margin-small-top uk-overflow-auto uk-padding-small" [innerHTML]=citationText></div>
37 
        <button
38 
            class="clipboard_btn uk-button uk-button-small uk-button-secondary uk-margin-small-top uk-icon uk-float-right"
37 
        <button class="clipboard_btn uk-button uk-button-small copy uk-margin-small-top uk-icon uk-float-right"
39 38 
            data-clipboard-target="#citation" title="Copy to clipboard">
40 39 
          <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="copy" ratio="1">
41 40 
            <rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/utils/authors/showAuthors.component.ts
29 29 
            <b class="uk-margin-top">{{author.fullName}}</b>
30 30 
            <div>
31 31 
              <div class="uk-text-muted uk-margin-small-bottom uk-margin-small-top">ORCID</div>
32 
              <span><input #element class="uk-padding-small uk-disabled" name="code"
33 
                           [value]="author.orcid"></span>{{" "}}
34 
              <span class="space">
35 
                <button
36 
                    [class]="'uk-button uk-button-primary uk-button-small orcid_clipboard_btn_auhtor_'+i"
32 
              <div uk-height-match="target: .target">
33 
                <input #element class="uk-padding-small uk-padding-remove-vertical uk-disabled target" name="code" [value]="author.orcid">
34 
                <button [class]="'uk-button target uk-button-small uk-icon copy orcid_clipboard_btn_auhtor_'+i"
37 35 
                    (click)="copyToClipboard(element)" title="Copy to clipboard">
38 
                  Copy
36 
                  <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="copy">
37 
                    <rect fill="none" stroke="#000" x="3.5" y="2.5" width="12" height="16"></rect>
38 
                    <polyline fill="none" stroke="#000" points="5 0.5 17.5 0.5 17.5 17"></polyline>
39 
                  </svg>
39 40 
                </button>
40 
                <a class="uk-button uk-button-primary uk-button-small space" title="Visit author in Orcid"
41 
                   [href]="properties.orcidURL+author.orcid" target="_blank">
42 
                  Visit
41 
                <a class="uk-button custom-icon-button target uk-button-icon uk-margin-small-left"
42 
                   title="Visit author in Orcid" [href]="properties.orcidURL+author.orcid" target="_blank">
43 
                  <span class="custom-icon custom-external-white"></span>
43 44 
                </a>
44 
              </span>
45 
              </div>
45 46 
            </div>
46 47 

  		




  47
  48
  
    
            <hr>


  		




  48
  49
  
    
            <div class="uk-margin-top">


  		




  49
  
  
    
              Search <b>{{author.fullName}}</b> by <b>ORCID</b> in OpenAIRE's


  		




  
  50
  
    
              Search <b>{{author.fullName}}</b> in OpenAIRE


  		




  50
  51
  
    
            </div>


  		




  51
  52
  
    
            <div class="uk-text-center uk-margin-small uk-margin-large-left uk-margin-large-right">


  		




  52
  
  
    
              <a class="uk-button uk-button-small portal-button uk-padding uk-padding-remove-top uk-padding-remove-bottom uk-width-1-1"


  		




  
  53
  
    
              <a class="uk-button uk-button-small portal-button uk-padding-remove-top uk-padding-remove-bottom uk-width-1-1"


  		




  53
  54
  
    
                 (click)="onClick()"


  		




  54
  55
  
    
                 [queryParams]="routerHelper.createQueryParams(['orcid','oc'],[author['orcid'],'and'])"


  		




  55
  56
  
    
                 routerLinkActive="router-link-active" [routerLink]="properties.searchLinkToAdvancedResults">


  		




  56
  
  
    
                  Research outcomes


  		




  
  57
  
    
                <span class="space">Search</span>


  		




  57
  58
  
    
              </a>


  		




  58
  59
  
    
            </div>


  		




  59
  60
  
    
        </div>


  		




  60
  61
  
    
        </span>


  		




  61
  62
  
    
      <span *ngIf="numberOfAuthors == authorsLimit && authors.length > authorsLimit">	... </span>


  		




  62
  63
  
    
    </div>


  		




  63
  
  
    
    <div *ngIf="authors && showAll && numberOfAuthors == authorsLimit && authors.length > authorsLimit" class="uk-width-1-1 uk-text-right">


  		




  
  64
  
    
    <div *ngIf="authors && showAll && numberOfAuthors == authorsLimit && authors.length > authorsLimit"


  		




  
  65
  
    
         class="uk-width-1-1 uk-text-right">


  		




  64
  66
  
    
      <a (click)="numberOfAuthors = authors.length;">


  		




  65
  67
  
    
        View all {{authors.length | number}} authors


  		




  66
  68
  
    
      </a>


  		




  ......




  105
  107
  
    
  }


  		




  106
  108
  
    
  


  		




  107
  109
  
    
  public onClick() {


  		




  108
  
  
    
    if(this.modal) {


  		




  
  110
  
    
    if (this.modal) {


  		




  109
  111
  
    
      this.modal.cancel();


  		




  110
  112
  
    
    }


  		




  111
  113
  
    
  }


  		












  

    
      modules/uoa-services-library/trunk/ng-openaire-library/src/app/utils/result-preview/result-preview.component.html
    
  





  9
  9
  
    
        </a>


  		




  10
  10
  
    
    </span>


  		




  11
  11
  
    
    <div class="uk-text-small">


  		




  12
  
  
    
      <span class="uk-text-capitalize">


  		




  
  12
  
    
      <span *ngIf="type" class="uk-text-capitalize type">{{type}}</span>


  		




  
  13
  
    
      <span *ngIf="type && beforeTitle.length > 0"> . </span>


  		




  
  14
  
    
      <span *ngIf="beforeTitle.length > 0" class="uk-text-capitalize">


  		




  13
  15
  
    
        {{beforeTitle.join(' . ')}}


  		




  14
  16
  
    
      </span>


  		




  15
  17
  
    
      <span *ngIf="result.embargoEndDate && result.embargoEndDate != ''">


  		




  ......




  49
  51
  
    
        </div>


  		




  50
  52
  
    
        <hr  *ngIf="result.websiteURL && promoteWebsiteURL">


  		




  51
  53
  
    
      </h5>


  		




  52
  
  
    
      <!-- Authors -->


  		




  53
  
  
    
      <div *ngIf="result.authors">


  		




  54
  
  
    
        <showAuthors [authors]="result.authors" [authorsLimit]=10 [modal]="modal" [showAll]=false></showAuthors>


  		




  55
  
  
    
      </div>


  		




  56
  54
  
    
    </div>


  		




  57
  55
  
    
    <!-- Funder -->


  		




  58
  56
  
    
    <div *ngIf="result.funderShortname || result.code" class="uk-margin-small-bottom uk-text-small">


  		




  ......




  131
  129
  
    
            class="uk-label custom-label  label-danger" title="OpenAIRE Compatibility">Not yet registered</span>


  		




  132
  130
  
    
      {{' '}}


  		




  133
  131
  
    
    </div>


  		




  
  132
  
    
    <!-- Authors -->


  		




  
  133
  
    
    <div *ngIf="result.authors" class="uk-flex uk-text-small">


  		




  
  134
  
    
      <div class="uk-text-muted">Authors: </div>


  		




  
  135
  
    
      <showAuthors class="space" [authors]="result.authors" [authorsLimit]=10 [modal]="modal" [showAll]=false></showAuthors>


  		




  
  136
  
    
    </div>


  		




  134
  137
  
    
    <!-- Identifiers -->


  		




  135
  138
  
    
    <div *ngIf="result.identifiers && result.identifiers.size > 0" class="uk-margin-bottom">


  		




  136
  139
  
    
      <showIdentifiers [identifiers]="result.identifiers" [properties]="properties"></showIdentifiers>


  		












  

    
      modules/uoa-services-library/trunk/ng-openaire-library/src/app/utils/result-preview/result-preview.component.ts
    
  





  19
  19
  
    
  public routerHelper: RouterHelper = new RouterHelper();


  		




  20
  20
  
    
  public urlParam: string;


  		




  21
  21
  
    
  public url: string;


  		




  
  22
  
    
  public type: string;


  		




  22
  23
  
    
  public beforeTitle: string[] = [];


  		




  23
  24
  
    
  public dataProviderUrl = properties.searchLinkToDataProvider.split('?')[0];


  		




  24
  25
  
    
  


  		




  ......




  59
  60
  
    
  


  		




  60
  61
  
    
  public initBeforeTitle() {


  		




  61
  62
  
    
    if(this.result.resultType && this.result.resultType !== 'dataprovider') {


  		




  62
  
  
    
      this.beforeTitle.push(this.getTypeName(this.result.resultType));


  		




  
  63
  
    
      this.type = this.getTypeName(this.result.resultType);


  		




  63
  64
  
    
    }


  		




  64
  65
  
    
    if(this.result.types) {


  		




  65
  66
  
    
      this.removeUnknown(this.removeDuplicates(this.result.types)).forEach(type => {


  		












Also available in:  Unified diff