Project

General

Profile

« Previous | Next » 

Revision 53353

submit initial facelift css changes

View differences:

modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/find/search.component.html
1
<div class="image-front-topbar  uk-section-default uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">
2
  <div uk-height-viewport="offset-top: true;offset-bottom: 60" style="box-sizing: border-box;  " class=" uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed generalSearchForm">
3
    <div class="uk-position-cover" style="background-color: rgba(255, 255, 255, 0.37);"></div>
4
    <div class="uk-container">
5
        <div class="uk-position-relative">
1 6

  
2 7

  
3
<div id="tm-main" class=" uk-section  uk-margin-small-top tm-middle"   >
4
<div uk-grid uk-grid>
8
           <div   class="uk-container">
9
             <div   class="uk-width-1-1">
10
                 <a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" class="uk-float-right  uk-light  portal-color uk-margin-small-bottom" [routerLink]=advancedSearchLink >Advanced search for {{activeTab}}
11
                 </a>
12
                 <search-form [(keyword)]=keyword (keywordChange)="keywordChanged($event)" placeholderText="Search for research results, projects, content providers & organizations in OpenAIRE"></search-form>
13
              </div>
14

  
15

  
16
           </div>
17
        </div>
18
     </div>
19
  </div>
20
</div>
21

  
22

  
23
<div id="tm-main" class=" uk-section uk-padding-remove-top tm-middle"   >
24
<div uk-grid  >
5 25
<div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
6 26
<div  class="">
7 27

  
8
    <div class="uk-width-1-1  ">
9
      <div    class="uk-background-norepeat uk-background-cover uk-section uk-flex uk-flex-middle generalSearchForm">
10
       <div   class="uk-width-1-1">
11
          <search-form [(keyword)]=keyword (keywordChange)="keywordChanged($event)" placeholderText="Search for research results, software, other research products, projects, content providers, organizations in OpenAIRE information space"></search-form>
12
          <a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" class="uk-float-right  uk-light" [routerLink]=advancedSearchLink >Advanced search for {{activeTab}}<span class="uk-icon">
13
              <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>
14
              </span>
15
          </a>
16
        </div>
17
      </div>
18
    </div>
19 28
    <div  class=" uk-margin-small-top uk-container uk-container-small">
20 29
      <div class="uk-grid uk-margin-top">
21 30
        <ul class=" uk-tab uk-tab-left uk-width-1-5 uk-visible@m" uk-tab="animation: uk-animation-fade">
22 31
                <li *ngIf="showPublications" (click)="searchPublications()" [class]="activeTab == 'publications'?'uk-active':''">
23 32
                   <a>
24 33
                       Publications
25
                       <span   [class]="(fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchPublications.searchUtils.totalResults | number) :'')}}</span>
34
                       <span    > {{((fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+ (fetchPublications.searchUtils.totalResults | number) +')' :'')}}</span>
26 35

  
27 36
                   </a>
28 37
               </li>
29 38
               <li *ngIf="showDatasets" (click)="searchDatasets()" [class]="activeTab == 'research data'?'uk-active':''">
30 39
                   <a>
31 40
                       Research Data
32
                       <span   [class]="(fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchDatasets.searchUtils.totalResults | number) :'')}}</span>
41
                       <span    > {{((fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchDatasets.searchUtils.totalResults | number) +')':'')}}</span>
33 42

  
34 43
                   </a>
35 44
               </li>
36 45
               <li *ngIf="showSoftware" (click)="searchSoftware()" [class]="activeTab == 'software'?'uk-active':''">
37 46
                   <a>
38 47
                       Software
39
                       <span   [class]="(fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchSoftware.searchUtils.totalResults | number) :'')}}</span>
48
                       <span    > {{((fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchSoftware.searchUtils.totalResults | number)+')' :'')}}</span>
40 49

  
41 50
                   </a>
42 51
               </li>
43 52
               <li *ngIf="showOrps" (click)="searchOrps()" [class]="activeTab == 'other research products'?'uk-active':''">
44 53
                   <a>
45 54
                       Other Research Products
46
                       <span   [class]="(fetchOrps.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchOrps.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchOrps.searchUtils.totalResults | number) :'')}}</span>
55
                       <span    > {{((fetchOrps.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchOrps.searchUtils.totalResults | number) +')':'')}}</span>
47 56

  
48 57
                   </a>
49 58
               </li>
50 59
               <li *ngIf="showProjects" (click)="searchProjects()" [class]="activeTab == 'projects'?'uk-active':''">
51 60
                   <a>
52 61
                       Projects
53
                       <span   [class]="(fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchProjects.searchUtils.totalResults | number) :'')}}</span>
62
                       <span    > {{((fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchProjects.searchUtils.totalResults | number) +')':'')}}</span>
54 63

  
55 64
                   </a>
56 65
               </li>
57 66
               <li *ngIf="showDataProviders" (click)="searchDataProviders()" [class]="activeTab == 'content providers'?'uk-active':''">
58 67
                   <a>
59 68
                       Content Providers
60
                       <span   [class]="(fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchDataproviders.searchUtils.totalResults | number) :'')}}</span>
69
                       <span   > {{((fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchDataproviders.searchUtils.totalResults | number) +')':'')}}</span>
61 70

  
62 71
                   </a>
63 72
               </li>
64 73
               <li *ngIf="showOrganizations" (click)="searchOrganizations()" [class]="activeTab == 'organizations'?'uk-active':''">
65 74
                   <a>
66 75
                       Organizations
67
                       <span   [class]="(fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? (fetchOrganizations.searchUtils.totalResults | number) :'')}}</span>
76
                       <span    > {{((fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? '('+(fetchOrganizations.searchUtils.totalResults | number)+')' :'')}}</span>
68 77
                   </a>
69 78
               </li>
70 79
            </ul>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchOrps.component.ts
23 23
                 [csvParams]="csvParams" csvPath="other" simpleSearchLink="/search/find/other"
24 24
                 [disableForms]="disableForms"
25 25
                 [loadPaging]="loadPaging"
26
                 [oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId >
26
                 [oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId
27
                 searchFormClass="orpsSearchForm">
27 28
    </advanced-search-page>
28 29

  
29 30
    `
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchDataProviders.component.ts
24 24
                 [csvParams]="csvParams" csvPath="datasources" simpleSearchLink="/search/find/dataproviders"
25 25
                 [disableForms]="disableForms"
26 26
                 [loadPaging]="loadPaging"
27
                 [oldTotalResults]="oldTotalResults" [piwikSiteId]=piwikSiteId>
27
                 [oldTotalResults]="oldTotalResults" [piwikSiteId]=piwikSiteId
28
                 searchFormClass="datasourcesSearchForm">
28 29
    </advanced-search-page>
29 30

  
30 31
    `
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchOrganizations.component.ts
23 23
                 [csvParams]="csvParams" csvPath="organizations" simpleSearchLink="/search/find/organizations"
24 24
                 [disableForms]="disableForms"
25 25
                 [loadPaging]="loadPaging"
26
                 [oldTotalResults]="oldTotalResults"  [piwikSiteId]=piwikSiteId>
26
                 [oldTotalResults]="oldTotalResults"  [piwikSiteId]=piwikSiteId
27
                 searchFormClass="organizationsSearchForm">
27 28
    </advanced-search-page>
28 29

  
29 30
    `
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchDatasets.component.ts
23 23
                 [csvParams]="csvParams" csvPath="datasets" simpleSearchLink="/search/find/datasets"
24 24
                 [disableForms]="disableForms"
25 25
                 [loadPaging]="loadPaging"
26
                 [oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId >
26
                 [oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId
27
                 searchFormClass="datasetsSearchForm">
27 28
    </advanced-search-page>
28 29

  
29 30
    `
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchProjects.component.ts
22 22
                 [csvParams]="csvParams" csvPath="projects" simpleSearchLink="/search/find/projects"
23 23
                 [disableForms]="disableForms"
24 24
                 [loadPaging]="loadPaging"
25
                 [oldTotalResults]="oldTotalResults"  [piwikSiteId]=piwikSiteId>
25
                 [oldTotalResults]="oldTotalResults"  [piwikSiteId]=piwikSiteId
26
                 searchFormClass="projectsSearchForm">
26 27
    </advanced-search-page>
27 28

  
28 29
    `
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchSoftware.component.ts
23 23
                 [csvParams]="csvParams" csvPath="software" simpleSearchLink="/search/find/software"
24 24
                 [disableForms]="disableForms"
25 25
                 [loadPaging]="loadPaging"
26
                 [oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId>
26
                 [oldTotalResults]="oldTotalResults" [(connectCommunityId)]=connectCommunityId [piwikSiteId]=piwikSiteId
27
                 searchFormClass="softwareSearchForm">
27 28
    </advanced-search-page>
28 29

  
29 30
    `
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/advanced/advancedSearchPublications.component.ts
25 25
                 [loadPaging]="loadPaging"
26 26
                 [oldTotalResults]="oldTotalResults"
27 27
                 [(openaireLink)]=openaireLink
28
                 [(connectCommunityId)]=connectCommunityId  [piwikSiteId]=piwikSiteId>
28
                 [(connectCommunityId)]=connectCommunityId  [piwikSiteId]=piwikSiteId
29
                 searchFormClass="publicationsSearchForm">
29 30
    </advanced-search-page>
30 31
    `
31 32
 })
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchForm.component.ts
8 8
    template: `
9 9

  
10 10
        <form [class]="(isDisabled)?'uk-margin uk-text-center uk-margin-top uk-disabled':'uk-margin uk-text-center uk-margin-top'">
11
                 <input type="text" class="uk-input  uk-width-1-2" [placeholder]="placeholderText" aria-describedby="sizing-addon2"  [(ngModel)]="keyword"  name="keyword" >
12
                    <button *ngIf="!link" (click)="keywordChanged()"  type="submit" class=" uk-button uk-button-danger">
13
                    <span class="uk-icon">
14
                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
15
                    </span>Search
11
                 <input type="text" class="uk-input  uk-width-xlarge" [placeholder]="placeholderText" aria-describedby="sizing-addon2"  [(ngModel)]="keyword"  name="keyword" >
12
                    <button *ngIf="!link" (click)="keywordChanged()"  type="submit" class=" uk-button  portal-button">
13
                    <span class="uk-icon" ><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1.5"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg></span>
16 14
                  </button>
17
                  <button *ngIf="link"  class=" uk-button uk-button-danger" (click)="goTo()"  type="submit" >
18
                    <span class="uk-icon">
19
                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg>
20
                    </span>Search
15
                  <button *ngIf="link"   (click)="goTo()"  type="submit" class=" uk-button portal-button uk-padding uk-padding-remove-top uk-padding-remove-bottom ">
16
                    <span class="uk-icon" ><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1.5"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg></span>
21 17
                  </button>
22 18
        </form>
23 19
    `
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/landing-utils/citeThis/citeThis.component.ts
13 13
      <!--dt class="title">Cite this {{type}}</dt-->
14 14
      <dd class="line"  >
15 15
        <select class="select" id="citations" name="citeselect" [(ngModel)]="selectedStyle" (ngModelChange)="styleChanged()">
16
          <option   value="0">select an organization</option>
16 17
          <option *ngFor=" let  style of this.citation.templates let i = index" [value]="style">{{style}}</option>
17 18
        </select>
18
        <div id="citation" class="box-content uk-padding-small" [innerHTML]=citationText></div>
19
        <div *ngIf="selectedStyle!='0'" id="citation" class="box-content uk-padding-small" [innerHTML]=citationText></div>
19 20
      </dd>
20 21
    </dl>
21 22
  </div>
......
23 24
})
24 25
export class CiteThisComponent {
25 26
  private sub:any;
26
  public selectedStyle:string;
27
  public selectedStyle:string="0";
27 28
  public citationText:string;
28 29
  public citation:Citation = new Citation();
29 30
  // public cite: any;
......
35 36

  
36 37

  
37 38
  constructor(private route: ActivatedRoute) {
38
    this.selectedStyle = this.citation.templates[0];
39
    // this.selectedStyle = this.citation.templates[0];
39 40
  }
40 41

  
41 42
  ngOnInit() {
......
138 139
       }
139 140
    };
140 141

  
141
    var citeproc = new CSL.Engine(new Sys(this.citation.locale,  this.data ), this.citation[this.selectedStyle]);
142
    var citeproc = new CSL.Engine(new Sys(this.citation.locale,  this.data ), this.citation[(this.selectedStyle == "0")?this.citation.templates[0]:this.selectedStyle]);
142 143
    citeproc.updateItems([this.data.id]);
143 144
    this.citationText = citeproc.makeBibliography();
144 145
    this.citationText = ((this.citationText != null) && (this.citationText.length > 1) && (this.citationText[1].length > 0)) ? this.citationText[1][0] : '';
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/advancedSearchForm.component.html
1 1

  
2
    <form [class]="(isDisabled )?'uk-disabled advancedSearchForm uk-tile uk-margin-small-top':'advancedSearchForm uk-tile   uk-margin-small-top'">
2
    <form [class]="(isDisabled )?'uk-disabled advancedSearchForm uk-tile uk-margin-small-top uk-padding-small':'advancedSearchForm uk-tile   uk-margin-small-top uk-padding-small'">
3
      <div class="uk-article-title custom-article-title uk-text-center">
4
        {{pageTitle}}
5
      </div>
6
      <a  *ngIf = "simpleSearchLink && simpleSearchLink.length > 0" routerLinkActive="router-link-active" [routerLink]=simpleSearchLink style="z-index:1;"
7
         [class]="(disableForms)?'uk-float-right uk-disabled uk-link-muted uk-button portal-color uk-text-secondary uk-margin-right ':'uk-float-right uk-button portal-color uk-text-secondary uk-margin-right '" >Simple search
8
        <!--span class="uk-icon">
9
        <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>
10
      </span-->
11
    </a>
3 12
    <table  class=" uk-table uk-table-responsive uk-table-small" >
4 13
        <tr *ngFor="let selectedField of selectedFields; let i = index" class="-row  ">
5 14
                <td *ngIf ="i==0 " class="">Search for:</td>
......
52 61
              </span></td>
53 62
        </tr>
54 63
        </table>
55
        <div  class="-row uk-text-right">
56
          <button (click)="queryChanged()"  type="submit" class="uk-button uk-button-danger">Search</button>
64
        <div  class=" uk-text-center">
65
          <button (click)="queryChanged()"  type="submit" class=" uk-button portal-background-color uk-padding uk-padding-remove-top uk-padding-remove-bottom ">
66
            <span class="uk-icon" ><svg width="30" height="30" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1.5"><circle fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000" stroke-width="1.1" d="M14,14 L18,18 L14,14 Z"></path></svg></span>
67
          </button>
57 68
        </div>
58 69

  
59 70
    </form>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/browseStatistic.component.html
7 7
          <a class = " filterItem"  [queryParams]="routerHelper.createQueryParam(filter.filterId,quote(value.id))" routerLinkActive="router-link-active" [routerLink]=baseUrl>
8 8
          <span class="filterName"><div title = "{{value.name}}">{{_formatName(value)}} </div></span> <span class="filterNumber" > ({{value.number | number}})</span></a>
9 9
        </li>
10
        <li *ngIf= " filter.values.length > 5  " class= " uk-margin-remove-top">
11
          <a href="#modal-{{filter.filterId}}" uk-toggle class="uk-button uk-button-text">View more <!--span class="uk-text-muted">View more </span>
10
        <li *ngIf= " filter.values.length > 5  " class= "uk-padding-small-top">
11
          <a href="#modal-{{filter.filterId}}" uk-toggle class="uk-text-secondary  ">View more <!--span class="uk-text-muted">View more </span>
12 12
            <span class="uk-icon">
13 13
            <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="triangle-right" ratio="1"><polygon points="8 5 13 10 8 15"></polygon></svg>
14 14
            </span-->
modules/uoa-services-library/trunk/ng-openaire-library/src/app/sharedComponents/feedback/feedback.component.ts
6 6
@Component({
7 7
  selector: 'feedback',
8 8
  template: `
9
  <div id="feedback" class="uk-tooltip" (click) = "initialize()">
10
  	<a [href]="'mailto:' + feedbackmail +'?Subject=' + subject + '&body=' + body" target="_top" type="button" class="btn btn-info btn-lg">
9
  <div id="feedback" class="" (click) = "initialize()">
10
  	<a [href]="'mailto:' + feedbackmail +'?Subject=' + subject + '&body=' + body" target="_top" type="button" class="">
11 11
  		<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI5LjI5OXB4IiBoZWlnaHQ9IjUwLjYyNXB4IiB2aWV3Qm94PSIwIDAgOS4yOTkgNTAuNjI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA5LjI5OSA1MC42MjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zLjUxNiw0Ni44N3YxLjYzNWg1LjY2N3YwLjk3NEgzLjUxNnYxLjE0N2gtMC40NGwtMC4zNTItMS4xNDdIMi4zNjdDMC43ODksNDkuNDc4LDAsNDguNzg4LDAsNDcuNDA5YzAtMC4zNCwwLjA2OC0wLjczOCwwLjIwNS0xLjE5NWwwLjc3OSwwLjI1MmMtMC4xMjEsMC4zNzUtMC4xODIsMC42OTUtMC4xODIsMC45NjFjMCwwLjM2NywwLjEyMiwwLjY0LDAuMzY2LDAuODE0YzAuMjQ0LDAuMTc2LDAuNjM2LDAuMjY0LDEuMTc1LDAuMjY0SDIuNzZWNDYuODdIMy41MTZ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuMjk5LDQyLjk4NWMwLDAuOTQ5LTAuMjg5LDEuNjk3LTAuODY2LDIuMjQ2Yy0wLjU3OCwwLjU0OS0xLjM4MiwwLjgyNC0yLjQwOCwwLjgyNGMtMS4wMzYsMC0xLjg1Ny0wLjI1Ni0yLjQ2Ny0wLjc2NmMtMC42MS0wLjUxMS0wLjkxNC0xLjE5My0wLjkxNC0yLjA1NGMwLTAuODA1LDAuMjY1LTEuNDQsMC43OTQtMS45MDljMC41MjktMC40NywxLjIyOC0wLjcwMywyLjA5NS0wLjcwM2gwLjYxNXY0LjQyNGMwLjc1NC0wLjAyMSwxLjMyNi0wLjIxMSwxLjcxNy0wLjU3MlM4LjQ1LDQzLjYwNiw4LjQ1LDQyLjk1YzAtMC42OTEtMC4xNDUtMS4zNzUtMC40MzQtMi4wNTFoMC44NjZjMC4xNDgsMC4zNDQsMC4yNTUsMC42NjgsMC4zMTksMC45NzVDOS4yNjcsNDIuMTgxLDkuMjk5LDQyLjU1MSw5LjI5OSw0Mi45ODV6IE0zLjQ1Nyw0My4yNDljMCwwLjUxNywwLjE2OCwwLjkyNiwwLjUwNCwxLjIzMnMwLjgwMSwwLjQ4OCwxLjM5NiwwLjU0M3YtMy4zNTdjLTAuNjEzLDAtMS4wODMsMC4xMzgtMS40MSwwLjQxQzMuNjIxLDQyLjM1LDMuNDU3LDQyLjc0MSwzLjQ1Nyw0My4yNDl6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuMjk5LDM2LjI1MmMwLDAuOTQ5LTAuMjg5LDEuNjk3LTAuODY2LDIuMjQ2Yy0wLjU3OCwwLjU0OS0xLjM4MiwwLjgyNC0yLjQwOCwwLjgyNGMtMS4wMzYsMC0xLjg1Ny0wLjI1Ni0yLjQ2Ny0wLjc2NmMtMC42MS0wLjUxLTAuOTE0LTEuMTkzLTAuOTE0LTIuMDUzYzAtMC44MDUsMC4yNjUtMS40NDEsMC43OTQtMS45MXMxLjIyOC0wLjcwMywyLjA5NS0wLjcwM2gwLjYxNXY0LjQyNGMwLjc1NC0wLjAyLDEuMzI2LTAuMjExLDEuNzE3LTAuNTcyczAuNTg2LTAuODY5LDAuNTg2LTEuNTI1YzAtMC42OTEtMC4xNDUtMS4zNzUtMC40MzQtMi4wNTFoMC44NjZjMC4xNDgsMC4zNDQsMC4yNTUsMC42NjgsMC4zMTksMC45NzZTOS4yOTksMzUuODE5LDkuMjk5LDM2LjI1MnogTTMuNDU3LDM2LjUxNmMwLDAuNTE2LDAuMTY4LDAuOTI2LDAuNTA0LDEuMjMyYzAuMzM2LDAuMzA4LDAuODAxLDAuNDg4LDEuMzk2LDAuNTQzdi0zLjM1N2MtMC42MTMsMC0xLjA4MywwLjEzNy0xLjQxLDAuNDFDMy42MjEsMzUuNjE4LDMuNDU3LDM2LjAwOCwzLjQ1NywzNi41MTZ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTguMzE5LDI3Ljg2MnYwLjA1M2MwLjY1MiwwLjQ0OSwwLjk3OSwxLjEyMSwwLjk3OSwyLjAxN2MwLDAuODQtMC4yODYsMS40OTMtMC44NiwxLjk2UzcuMDQ3LDMyLjU5LDUuOTg5LDMyLjU5Yy0xLjA1OCwwLTEuODgxLTAuMjMzLTIuNDY3LTAuNzAyYy0wLjU4Ni0wLjQ3LTAuODc5LTEuMTIxLTAuODc5LTEuOTU3YzAtMC44NzEsMC4zMTYtMS41MzksMC45NDktMi4wMDVWMjcuODVsLTAuNDYzLDAuMDQxbC0wLjQ1MSwwLjAyM0gwLjA2NHYtMC45NzRoOS4xMTd2MC43OTFMOC4zMTksMjcuODYyeiBNOC40ODMsMjkuODA3YzAtMC42NjQtMC4xOC0xLjE0Ni0wLjU0MS0xLjQ0NHMtMC45NDQtMC40NDgtMS43NS0wLjQ0OEg1Ljk4N2MtMC45MDksMC0xLjU1OSwwLjE1MS0xLjk0NywwLjQ1NWMtMC4zODgsMC4zMDMtMC41ODMsMC43ODUtMC41ODMsMS40NDljMCwwLjU3LDAuMjIyLDEuMDA4LDAuNjY1LDEuMzExUzUuMTksMzEuNTgzLDYsMzEuNTgzYzAuODE5LDAsMS40MzgtMC4xNDksMS44NTYtMC40NTFDOC4yNzQsMzAuODMxLDguNDgzLDMwLjM4OSw4LjQ4MywyOS44MDd6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTIuNjU0LDIxLjg5MWMwLTAuODQ0LDAuMjg4LTEuNDk5LDAuODY0LTEuOTY2YzAuNTc2LTAuNDY3LDEuMzkyLTAuNywyLjQ0Ni0wLjdjMS4wNTUsMCwxLjg3NCwwLjIzNSwyLjQ1OCwwLjcwNmMwLjU4NCwwLjQ3MSwwLjg3NiwxLjEyNCwwLjg3NiwxLjk2YzAsMC40MTgtMC4wNzYsMC44LTAuMjMsMS4xNDZjLTAuMTU0LDAuMzQ2LTAuMzkzLDAuNjM2LTAuNzEzLDAuODd2MC4wN2wwLjgyNiwwLjIwNXYwLjY5N0gwLjA2NHYtMC45NzNoMi4yMTVjMC40OTYsMCwwLjk0MSwwLjAxNiwxLjMzNiwwLjA0N3YtMC4wNDdDMi45NzUsMjMuNDU0LDIuNjU0LDIyLjc4MiwyLjY1NCwyMS44OTF6IE0zLjQ2OSwyMi4wMzJjMCwwLjY2NCwwLjE5LDEuMTQzLDAuNTcxLDEuNDM2czEuMDIyLDAuNDM5LDEuOTI1LDAuNDM5YzAuOTAzLDAsMS41NDgtMC4xNSwxLjkzNy0wLjQ1MWMwLjM5LTAuMzAxLDAuNTg0LTAuNzgzLDAuNTg0LTEuNDQ3YzAtMC41OTgtMC4yMTktMS4wNDMtMC42NTMtMS4zMzZzLTEuMDYyLTAuNDM5LTEuODc4LTAuNDM5Yy0wLjgzNiwwLTEuNDU5LDAuMTQ2LTEuODY5LDAuNDM5UzMuNDY5LDIxLjQxOCwzLjQ2OSwyMi4wMzJ6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTkuMTgzLDEzLjU3N0w4LjI2OSwxMy43N3YwLjA0N2MwLjQwMSwwLjMyLDAuNjc0LDAuNjQsMC44MTYsMC45NThzMC4yMTQsMC43MTYsMC4yMTQsMS4xOTJjMCwwLjYzNy0wLjE2NCwxLjEzNi0wLjQ5MSwxLjQ5N2MtMC4zMjgsMC4zNjEtMC43OTUsMC41NDItMS40LDAuNTQyYy0xLjI5NywwLTEuOTc3LTEuMDM3LTIuMDM5LTMuMTExbC0wLjAzNS0xLjA5SDQuOTM0Yy0wLjUwNCwwLTAuODc2LDAuMTA4LTEuMTE2LDAuMzI1Yy0wLjI0LDAuMjE3LTAuMzYsMC41NjMtMC4zNiwxLjA0YzAsMC41MzUsMC4xNjQsMS4xNDEsMC40OTIsMS44MTZsLTAuNzQ0LDAuMjk5Yy0wLjE3Mi0wLjMxNi0wLjMwNy0wLjY2My0wLjQwNC0xLjA0Yy0wLjA5Ny0wLjM3Ny0wLjE0Ni0wLjc1NS0wLjE0Ni0xLjEzNGMwLTAuNzY2LDAuMTctMS4zMzMsMC41MS0xLjcwMmMwLjM0LTAuMzY5LDAuODg1LTAuNTU0LDEuNjM1LTAuNTU0aDQuMzg0djAuNzIySDkuMTgzeiBNOC40OTYsMTUuNzc0YzAtMC42MDUtMC4xNjYtMS4wODEtMC40OTgtMS40MjdjLTAuMzMyLTAuMzQ2LTAuNzk3LTAuNTE5LTEuMzk2LTAuNTE5aC0wLjU4bDAuMDQxLDAuOTczYzAuMDI3LDAuNzczLDAuMTQ3LDEuMzMxLDAuMzYsMS42NzNjMC4yMTQsMC4zNDIsMC41NDQsMC41MTMsMC45OTMsMC41MTNjMC4zNTIsMCwwLjYxOS0wLjEwNiwwLjgwMy0wLjMxOVM4LjQ5NiwxNi4xNTcsOC40OTYsMTUuNzc0eiIvPjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjI5OSw4LjI4NWMwLDAuOTMtMC4yODYsMS42NDktMC44NTgsMi4xNTljLTAuNTcxLDAuNTEtMS4zODEsMC43NjUtMi40MjgsMC43NjVjLTEuMDc1LDAtMS45MDUtMC4yNTktMi40OTEtMC43NzZTMi42NDMsOS4xNzgsMi42NDMsOC4yMjFjMC0wLjMwOSwwLjAzMy0wLjYxNywwLjEtMC45MjZDMi44MSw2Ljk4NiwyLjg4OCw2Ljc0NCwyLjk3Nyw2LjU2OGwwLjgyNiwwLjI5OUMzLjcxNyw3LjA4MiwzLjY0Niw3LjMxNiwzLjU4OSw3LjU3QzMuNTMyLDcuODI0LDMuNTA0LDguMDQ5LDMuNTA0LDguMjQ0YzAsMS4zMDUsMC44MzIsMS45NTcsMi40OTYsMS45NTdjMC43ODksMCwxLjM5Ni0wLjE1OSwxLjgxNS0wLjQ3OGMwLjQyMi0wLjMxOSwwLjYzNC0wLjc5LDAuNjM0LTEuNDE1YzAtMC41MzUtMC4xMTUtMS4wODQtMC4zNDctMS42NDZoMC44NjFDOS4xODgsNy4wOTIsOS4yOTksNy42MzMsOS4yOTksOC4yODV6Ii8+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTUuODk2LDQuMTc4QzUuNjU2LDQuMDEsNS4zNDQsMy43NTQsNC45NTcsMy40MUwyLjc2LDEuMzM2VjAuMTgybDIuNzM2LDIuNjAyTDkuMTgzLDB2MS4xNzhMNi4xNDYsMy40NDVsMC42MzMsMC43MzJoMi40MDJ2MC45NjFIMC4wNjR2LTAuOTZoNC44MzRjMC4yMTUsMCwwLjU0NiwwLjAxNiwwLjk5NiwwLjA0N1Y0LjE3OEg1Ljg5NnoiLz48L2c+PC9zdmc+" alt="Feedback" title="Feedback Button" height="70px">
12 12
  	</a>
13 13
  </div>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/advancedSearchForm.component.ts
18 18
  @Input() fieldIdsMap;
19 19
  @Input() selectedFields:AdvancedField[];
20 20
  @Input() isDisabled: boolean = false;
21

  
21
  @Input() simpleSearchLink;
22
  @Input() pageTitle;
22 23
  @Output() queryChange  = new EventEmitter();
23 24
  newFieldId:string;
24 25
  newFieldName:string;
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchPage.component.html
1
<div id="tm-main" class=" uk-section  uk-margin-small-top tm-middle"   >
2
  <div uk-grid >
3
    <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
4
      <div class="">
1
<div class="image-front-topbar  uk-section-default uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">
2
  <div uk-height-viewport="offset-top: true;offset-bottom: 40" style="box-sizing: border-box;  " [class]="' uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed '+searchFormClass">
3
    <div class="uk-position-cover" style="background-color: rgba(255, 255, 255, 0.37);"></div>
4
    <div class="uk-container">
5
        <div class="uk-position-relative">
5 6

  
6
        <div   [class]="'uk-background-norepeat uk-background-cover uk-section uk-flex uk-flex-middle uk- light '+searchFormClass" >
7 7

  
8
          <div   class="uk-width-1-1">
9
            <div   class="uk-width-1-1">
10
              <search-form [isDisabled]="disableForms" [(keyword)]="searchUtils.keyword" (keywordChange)="keywordChanged($event)" [placeholderText]="formPlaceholderText"></search-form>
11
            </div>
12
            <div   class="uk-width-1-1  ">
8
           <div   class="uk-container ">
9
             <div   class="uk-width-1-1">
10
               <!--link to advanced search -->
11
               <a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" [class]="((disableForms)?'uk-float-right   uk-disabled uk-link-muted uk-light ':'uk-float-right  uk-light') +' portal-color uk-margin-small-bottom'" [routerLink]=advancedSearchLink [queryParams]=advancedSearchParameters >
12
                 <span class=" ">Advanced search</span>
13
               </a>
14
               <search-form [isDisabled]="disableForms" [(keyword)]="searchUtils.keyword" (keywordChange)="keywordChanged($event)" [placeholderText]="formPlaceholderText"></search-form>
13 15

  
14
              <div *ngIf="countFilters()>0" class = "uk-container uk-width-1-2@m uk-width-1-2@s uk-align-center uk-text-center uk-text-small whiteText uk-padding-small">
15
                <a  *ngIf="countFilters()>1" (click)="clearFilters()" [class]="((disableForms)?'uk-disabled uk-link-muted':'')+' uk-button uk-button-default uk-margin-small-right'">
16
                 Clear All
17
                </a>
18
                <span *ngIf = "searchUtils.keyword.length > 0">Keywords: <span [innerHtml]="searchUtils.keyword"></span>
19
                <a (click) = "clearKeywords() " title="Remove keywords" [class]="(disableForms)?'uk-icon-button icon-button-small   uk-margin-small-right uk-disabled':'uk-icon-button icon-button-small   uk-margin-small-right'"><span class=" clickable " aria-hidden="true"><span class="uk-icon ">
20
                  <svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg>
21
                  </span></span></a>
22
                </span>
23
                <span *ngFor="let filter of filters " >
24
                  <span *ngIf = "filter.countSelectedValues > 0"> <span class="uk-text-bold">{{filter.title}}:</span>
25
                    <span *ngFor="let value of getSelectedValues(filter); let i = index;  let end = last; " ><span [innerHtml]="(value.name.length > 25)?value.name.substring(0,25)+'...':value.name" [title]="value.name"></span>
26
                    <a [title]="'Remove '+value.name"(click) = "removeFilter(value, filter) " [class]="(disableForms)?'uk-icon-button icon-button-small   uk-margin-small-right uk-disabled':'uk-icon-button icon-button-small   uk-margin-small-right'"><span class=" clickable" aria-hidden="true"><span class="uk-icon">
27
                      <svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg>
28
                      </span></span></a>
29
                      <!--span *ngIf="!end" class=" uk-margin-small-right ">, </span-->
30
                    </span>
31
                  </span>
32
                </span>
16
             </div>
33 17

  
34 18

  
35
              </div>
36
              <div *ngIf= "showUnknownFilters"  class = " uk-text-center ">
37
                <a (click) = "clearFilters() " >Try new Query</a>
38
              </div>
39
              <!--link to advanced search -->
40
              <a *ngIf = "advancedSearchLink && advancedSearchLink.length > 0" routerLinkActive="router-link-active" [class]="((disableForms)?'uk-float-right   uk-disabled uk-link-muted uk-light ':'uk-float-right  uk-light') +' whiteText uk-padding-small uk-button-text'" [routerLink]=advancedSearchLink [queryParams]=advancedSearchParameters >
41
                <span class="uk-padding-small">More search options</span>
42
              </a>
43
            </div>
19
           </div>
20
        </div>
21
     </div>
22
  </div>
23
</div>
44 24

  
45
          </div>
46
        </div>
25

  
26
<div id="tm-main" class=" uk-section  uk-padding-remove-top  tm-middle"   >
27
  <div uk-grid >
28
    <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
29
      <div class="">
47 30
        <div  class="uk-container">
48 31
          <helper position="top"></helper>
49 32
          <div  [class]="(showRefine)? 'uk-width-3-5@m  uk-width-3-5@l  uk-width-1-1@s' :'uk-width-1-1'">
......
54 37
              <div id="offcanvas-usage" uk-offcanvas>
55 38
                <div class="uk-offcanvas-bar">
56 39
                  <button class="uk-offcanvas-close" type="button" uk-close></button>
40
                  <div   class="uk-width-1-1   uk-margin-small-bottom ">
41

  
42
                    <div *ngIf="countFilters()>0" class="uk-margin-small-bottom">
43

  
44
                      <span *ngIf = "searchUtils.keyword.length > 0"><span class="uk-text-bold">Keywords:</span>
45
                      <a (click) = "clearKeywords() " title="Remove keywords" [class]="((disableForms)?'  uk-disabled':'  ')+' uk-margin-small-right portal-color '"><span class=" clickable " aria-hidden="true"><span class="uk-icon ">
46
                        <svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.6" d="M16,4 L4,16"></path></svg>
47
                        </span></span></a>
48
                      <span [innerHtml]="searchUtils.keyword"></span>
49

  
50
                      </span>
51
                      <div *ngFor="let filter of filters " >
52
                        <span *ngIf = "filter.countSelectedValues > 0"> <span class="uk-text-bold">{{filter.title}}:</span>
53
                          <span *ngFor="let value of getSelectedValues(filter); let i = index;  let end = last; " >
54
                            <a [title]="'Remove '+value.name"(click) = "removeFilter(value, filter) " [class]="((disableForms)?'  uk-disabled':'  ')+'  portal-color '"><span class=" clickable" aria-hidden="true"><span class="uk-icon">
55
                              <svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.6" d="M16,4 L4,16"></path></svg>
56
                              </span></span></a>
57
                            <span [innerHtml]="(value.name.length > 25)?value.name.substring(0,25)+'...':value.name" [title]="value.name"></span>
58

  
59
                            <span *ngIf="!end" class="   ">, </span>
60
                          </span>
61
                        </span>
62
                      </div>
63

  
64

  
65
                    </div>
66
                    <a  *ngIf="countFilters()>1" (click)="clearFilters()" [class]="((disableForms)?'uk-disabled uk-link-muted':'')+'   portal-reverse-button  '">
67
                     Clear All
68
                    </a>
69
                    <a   *ngIf= "showUnknownFilters" class = "  portal-reverse-button  " (click) = "clearFilters() " >Try new Query</a>
70

  
71
                  </div>
57 72
                  <div class="uk-text-large">Filter By:</div>
58 73
                  <search-filter  *ngFor="let filter of filters "  [addShowMore]=false [isDisabled]="disableForms" [filter]="filter"  [showResultCount]=showResultCount (onFilterChange)="filterChanged($event)"  [(connectCommunityId)]=connectCommunityId></search-filter>
59 74
                </div>
......
66 81
          <div  class="uk-grid uk-width-1-1">
67 82
            <div  *ngIf="showRefine" class="helper-left-right search-filters uk-visible@m">
68 83
               <helper position="left" before="true"></helper>
84
               <div   class="uk-width-1-1   uk-margin-small-bottom ">
85

  
86
                 <div *ngIf="countFilters()>0" class="uk-margin-small-bottom">
87

  
88
                   <span *ngIf = "searchUtils.keyword.length > 0"><span class="uk-text-bold">Keywords:</span>
89
                   <a (click) = "clearKeywords() " title="Remove keywords" [class]="((disableForms)?'  uk-disabled':'  ')+' uk-margin-small-right portal-color '"><span class=" clickable " aria-hidden="true"><span class="uk-icon ">
90
                     <svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.6" d="M16,4 L4,16"></path></svg>
91
                     </span></span></a>
92
                   <span [innerHtml]="searchUtils.keyword"></span>
93

  
94
                   </span>
95
                   <div *ngFor="let filter of filters " >
96
                     <span *ngIf = "filter.countSelectedValues > 0"> <span class="uk-text-bold">{{filter.title}}:</span>
97
                       <span *ngFor="let value of getSelectedValues(filter); let i = index;  let end = last; " >
98
                         <a [title]="'Remove '+value.name"(click) = "removeFilter(value, filter) " [class]="((disableForms)?'  uk-disabled':'  ')+'  portal-color '"><span class=" clickable" aria-hidden="true"><span class="uk-icon">
99
                           <svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="0.8"><path fill="none" stroke="#000" stroke-width="1.6" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.6" d="M16,4 L4,16"></path></svg>
100
                           </span></span></a>
101
                         <span [innerHtml]="(value.name.length > 25)?value.name.substring(0,25)+'...':value.name" [title]="value.name"></span>
102

  
103
                         <span *ngIf="!end" class="   ">, </span>
104
                       </span>
105
                     </span>
106
                   </div>
107

  
108

  
109
                 </div>
110
                 <a  *ngIf="countFilters()>1" (click)="clearFilters()" [class]="((disableForms)?'uk-disabled uk-link-muted':'')+'   portal-reverse-button  '">
111
                  Clear All
112
                 </a>
113
                 <a   *ngIf= "showUnknownFilters" class = "  portal-reverse-button  " (click) = "clearFilters() " >Try new Query</a>
114

  
115
               </div>
69 116
               <search-filter  *ngFor="let filter of filters " [isDisabled]="disableForms" [filter]="filter"  [showResultCount]=showResultCount (onFilterChange)="filterChanged($event)"  [(connectCommunityId)]=connectCommunityId></search-filter>
70 117
               <helper position="left" before="false"></helper>
71 118
            </div>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/searchFilter.component.html
1 1

  
2 2
<ul *ngIf= "filter.values.length >0" class="uk-list">
3 3
<li class="uk-open">
4
    <h5  class="uk-margin-bottom-remove sideInfoTitle">{{_formatTitle(filter.title,filter.values.length)}}
4
    <h5  class="uk-margin-bottom-remove searchFilterTitle">{{_formatTitle(filter.title,filter.values.length)}}
5 5
    </h5>
6 6
    <div  aria-expanded="false">
7 7
      <div class="searchFilterBoxValues ">
8
        <div *ngFor = "let value of getSelectedValues(filter,'num')"  class = "uk-animation-fade filterItem">
8
        <!--div *ngFor = "let value of getSelectedValues(filter,'num')"  class = "uk-animation-fade filterItem">
9 9
           <span class="filterName"><div title = "{{value.name}}">
10 10
           <input [disabled]="isDisabled" [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" />
11 11
           {{_formatName(value)}} </div></span>
12 12
           <span class="filterNumber" *ngIf = "showResultCount === true" >  ({{value.number|number}})</span>
13 13
        </div>
14
        <hr *ngIf="filter.countSelectedValues > 0 && (filter.values.length-filter.countSelectedValues ) > 0 " class="uk-grid-divider uk-margin-small">
14
        <hr *ngIf="filter.countSelectedValues > 0 && (filter.values.length-filter.countSelectedValues ) > 0 " class="uk-grid-divider uk-margin-small"-->
15 15
        <div *ngFor = "let value of getNotSelectedValues(filter,'num').slice(0,(!addShowMore?getNotSelectedValues(filter,'num').length:5-getSelectedValues(filter,'num').length))" class = "uk-animation-fade filterItem">
16 16

  
17 17
           <span class="filterName"><div title = "{{value.name}}"> <input [disabled]="isDisabled" [(ngModel)]="value.selected" type="checkbox" (ngModelChange)="filterChange(value.selected)" />
......
20 20
        </div>
21 21

  
22 22
        <a *ngIf=" addShowMore && (filter.values.length) > 5" (click)="open()"
23
          [class]="(isDisabled)?'uk-disabled uk-link-muted uk-button uk-button-text uk-text-secondary':'uk-button uk-button-text uk-text-secondary'">View more
23
          [class]="(isDisabled)?'uk-disabled uk-link-muted   uk-text-secondary':'  uk-text-secondary'">View more
24 24
        </a>
25 25

  
26 26

  
......
32 32
              {{filter.title}}
33 33
            </h5>
34 34

  
35
            <div *ngIf="filter.values.length >= 99" class="uk-alert uk-alert-primary   uk-text-center uk-margin-right uk-margin-left">Showing top {{filter.values.length}} values. </div>
35
            <div *ngIf="filter.values.length >= 99" class="uk-alert uk-alert-primary   uk-text-center uk-margin-right uk-margin-left uk-margin-small-top uk-margin-small-bottom  ">Showing top {{filter.values.length}} values. </div>
36 36
            <div class="uk-grid uk-margin-left uk-margin-right">
37 37
              <input   class="uk-input   uk-margin-small-bottom uk-width-1-2  " name="filter-keyword"  placeholder="Search for {{filter.title}}" type="text" [(ngModel)]="keyword">
38 38
              <select *ngIf = "showResultCount === true" [(ngModel)]="sortBy"      class="uk-select  uk-margin-small-bottom uk-width-1-2 uk-padding-remove"  name="select_order"  (ngModelChange)="sortByChanged = true;" >
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/advancedSearchForm.module.ts
1 1
import { NgModule}            from '@angular/core';
2 2
import { CommonModule }        from '@angular/common';
3 3
import { FormsModule }         from '@angular/forms';
4
import { RouterModule } from '@angular/router';
4 5

  
5 6
import{AdvancedSearchFormComponent} from './advancedSearchForm.component';
6 7
import {EntitiesAutocompleteModule} from '../../utils/entitiesAutoComplete/entitiesAutoComplete.module';
......
10 11

  
11 12
@NgModule({
12 13
  imports: [
13
    CommonModule, FormsModule,    EntitiesAutocompleteModule,   StaticAutocompleteModule, DateFilterModule
14
    CommonModule, FormsModule,  RouterModule,  EntitiesAutocompleteModule,   StaticAutocompleteModule, DateFilterModule
14 15
  ],
15 16
  declarations: [
16 17
    AdvancedSearchFormComponent,
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/advancedSearchPage.component.html
1
<div id="tm-main" class=" uk-section  uk-margin-small-top tm-middle">
1
<div class="image-front-topbar  uk-section-default uk-position-relative" uk-scrollspy="{&quot;target&quot;:&quot;[uk-scrollspy-class]&quot;,&quot;cls&quot;:&quot;uk-animation-fade&quot;,&quot;delay&quot;:false}" tm-header-transparent="light">
2
  <div  style="box-sizing: border-box;  " [class]="' uk-background-norepeat uk-background-cover uk-background-bottom-center uk-section uk-padding-remove-bottom uk-flex uk-flex-middle uk-background-fixed advancedSearchFormBackground '+searchFormClass">
3
    <div class="uk-position-cover" style="background-color: rgba(255, 255, 255, 0.37);"></div>
4
    <div class="uk-width-1-1">
5
        <div class="uk-position-relative">
6

  
7

  
8
           <div   class="uk-container uk-margin-large-top">
9
                <advanced-search-form
10
                   [entityType] = "entityType"
11
                   [(fieldIds)]="fieldIds"
12
                   [(fieldIdsMap)]="fieldIdsMap"
13
                   [(selectedFields)]="selectedFields"
14
                   (queryChange)="queryChanged($event)"
15
                   [isDisabled]="disableForms"
16
                   [simpleSearchLink]=simpleSearchLink
17
                   [pageTitle]=pageTitle
18
                   >
19
               </advanced-search-form>
20
           </div>
21
        </div>
22
     </div>
23
  </div>
24
</div>
25

  
26

  
27

  
28
<div id="tm-main" class="   tm-middle">
2 29
  <div uk-grid uk-grid>
3 30
    <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
4
      <div class="uk-container uk-margin-top">
5
        <div class="uk-article-title custom-article-title">
6
          {{pageTitle}}
7
        </div>
31
      <div class="uk-container  ">
32

  
8 33
        <div>
9
          <a  *ngIf = "simpleSearchLink && simpleSearchLink.length > 0" routerLinkActive="router-link-active" [routerLink]=simpleSearchLink style="z-index:1;"
10
             [class]="(disableForms)?'uk-float-right uk-disabled uk-link-muted uk-button uk-button-text uk-text-secondary uk-margin-right uk-margin-top':'uk-float-right uk-button uk-button-text uk-text-secondary uk-margin-right uk-margin-top'" >Simple search
11
            <!--span class="uk-icon">
12
            <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>
13
          </span-->
14
        </a>
15
          <advanced-search-form
16
              [entityType] = "entityType"
17
              [(fieldIds)]="fieldIds"
18
              [(fieldIdsMap)]="fieldIdsMap"
19
              [(selectedFields)]="selectedFields"
20
              (queryChange)="queryChanged($event)"
21
              [isDisabled]="disableForms">
22
          </advanced-search-form>
34

  
23 35
          <div class="uk-width-1-1">
24 36
            <helper position="top"></helper>
25 37
          </div>
26
          <div class="uk-width-1-1 uk-grid helper-grid" >
38
          <div class="uk-width-1-1 uk-grid helper-grid uk-padding-large uk-padding-remove-top" >
27 39
            <helper class="helper-left-right uk-visible@m" position="left"></helper>
28 40
            <div class="uk-width-expand@m uk-with-1-1@s">
29 41
              <div *ngIf="openaireLink"> <a class="uk-margin-top   uk-button uk-button-text"  [href]=openaireLink target="_blank" >Results in OpenAIRE</a></div>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/searchPages/searchUtils/advancedSearchPage.component.ts
40 40
  @Input() oldTotalResults: number = 0;
41 41
  @Input() openaireLink: string;
42 42
  @Input() connectCommunityId: string;
43
  @Input() searchFormClass: string = "searchForm";
43 44
  piwiksub: any;
44 45
  public parameterNames:string[] =[];
45 46
  public parameterValues:string[] =[];
......
275 276
       if(this.fieldIdsMap[id]["param"] == parameter){
276 277
         return this.fieldIdsMap[id]["operator"];
277 278
       }
278
     }    
279
     }
279 280
   }
280 281
   // for loading
281 282
   public openLoading(){
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/orp/orp.component.html
56 56
                <div class="uk-accordion-content">
57 57
                  <div>
58 58
                    <div *ngFor="let provenanceaction of getKeys(orpInfo.relatedResearchResults)">
59
                      <div class="uk-text-large uk-margin-bottom">{{provenanceaction}}</div>
59
                      <div class="uk-text-large">{{provenanceaction}}</div>
60 60
                      <tabTable [percentageName]="trust" [info]="orpInfo.relatedResearchResults.get(provenanceaction)" [(properties)]=properties></tabTable>
61 61
                    </div>
62 62
                  </div>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/dataProvider/dataProvider.component.html
80 80

  
81 81
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Publications') != -1" (click)="search('publicationsTab', 1, 10); activeTab='Publications'">
82 82
                        <a class="uk-accordion-title" href="#">Publications
83
                          <span class="uk-badge uk-badge-notification">
84
                              {{fetchPublications.searchUtils.totalResults | number}}
85
                          </span>
83
                          <!-- <span class="uk-badge uk-badge-notification"> -->
84
                              ({{fetchPublications.searchUtils.totalResults | number}})
85
                          <!-- </span> -->
86 86
                        </a>
87 87
                        <div class="uk-accordion-content">
88 88
                          <publicationsTab *ngIf="activeTab=='Publications'"
......
93 93
                    </li>
94 94
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Research Data') != -1" (click)="search('datasetsTab', 1, 10); activeTab='Research Data'">
95 95
                        <a class="uk-accordion-title" href="#">Research Data
96
                          <span class="uk-badge uk-badge-notification">
97
                              {{fetchDatasets.searchUtils.totalResults | number}}
98
                          </span>
96
                          <!-- <span class="uk-badge uk-badge-notification"> -->
97
                              ({{fetchDatasets.searchUtils.totalResults | number}})
98
                          <!-- </span> -->
99 99
                        </a>
100 100
                        <div class="uk-accordion-content">
101 101
                          <p>
......
109 109

  
110 110
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Software') != -1" (click)="search('softwareTab', 1, 10); activeTab='Software'">
111 111
                        <a class="uk-accordion-title" href="#">Software
112
                          <span class="uk-badge uk-badge-notification">
113
                              {{fetchSoftware.searchUtils.totalResults | number}}
114
                          </span>
112
                          <!-- <span class="uk-badge uk-badge-notification"> -->
113
                              ({{fetchSoftware.searchUtils.totalResults | number}})
114
                          <!-- </span> -->
115 115
                        </a>
116 116
                        <div class="uk-accordion-content">
117 117
                          <softwareTab *ngIf="activeTab=='Software'"
......
123 123

  
124 124
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Other Research Products') != -1" (click)="search('orpsTab', 1, 10); activeTab='Other Research Products'">
125 125
                        <a class="uk-accordion-title" href="#">Other Research Products
126
                          <span class="uk-badge uk-badge-notification">
127
                              {{fetchOrps.searchUtils.totalResults | number}}
128
                          </span>
126
                          <!-- <span class="uk-badge uk-badge-notification"> -->
127
                              ({{fetchOrps.searchUtils.totalResults | number}})
128
                          <!-- </span> -->
129 129
                        </a>
130 130
                        <div class="uk-accordion-content">
131 131
                          <orpsTab *ngIf="activeTab=='Other Research Products'"
......
137 137

  
138 138
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Projects') != -1" (click)="search('projectsTab', 1, 10); activeTab='Projects'">
139 139
                        <a class="uk-accordion-title" href="#">Projects
140
                          <span class="uk-badge uk-badge-notification">
141
                              {{fetchProjects.searchUtils.totalResults | number}}
142
                          </span>
140
                          <!-- <span class="uk-badge uk-badge-notification"> -->
141
                              ({{fetchProjects.searchUtils.totalResults | number}})
142
                          <!-- </span> -->
143 143
                        </a>
144 144
                        <div class="uk-accordion-content">
145 145
                          <projectsTab *ngIf="activeTab=='Projects'"
......
150 150
                    </li>
151 151
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Content Providers') != -1" (click)="search('datasourcesTab', 1, 10); activeTab='Content Providers'">
152 152
                        <a class="uk-accordion-title" href="#">Content Providers
153
                          <span class="uk-badge uk-badge-notification">
154
                              {{fetchDataproviders.searchUtils.totalResults | number}}
155
                          </span>
153
                          <!-- <span class="uk-badge uk-badge-notification"> -->
154
                              ({{fetchDataproviders.searchUtils.totalResults | number}})
155
                          <!-- </span> -->
156 156
                        </a>
157 157
                        <div class="uk-accordion-content">
158 158
                          <datasourcesTab *ngIf="activeTab=='Content Providers'"
......
163 163
                    </li>
164 164
                    <li *ngIf="dataProviderInfo.tabs2.indexOf('Organizations') != -1" (click)="search('organizationsTab', 1, 10); activeTab='Organizations'">
165 165
                        <a class="uk-accordion-title" href="#">Organizations
166
                          <span class="uk-badge uk-badge-notification">
167
                              {{dataProviderInfo.organizations.length | number}}
168
                          </span>
166
                          <!-- <span class="uk-badge uk-badge-notification"> -->
167
                              ({{dataProviderInfo.organizations.length | number}})
168
                          <!-- </span> -->
169 169
                        </a>
170 170
                        <div class="uk-accordion-content">
171 171
                          <organizationsTab *ngIf="activeTab=='Organizations'"
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/organization/organization.component.html
19 19
               <li (click)="activeTab='Publications'; searchPublicationsInit()">
20 20
                   <a class="uk-accordion-title" href="#">
21 21
                     Publications
22
                     <span class="uk-badge uk-badge-notification">
23
                       {{fetchPublications.searchUtils.totalResults | number}}
24
                     </span>
22
                     <!-- <span class="uk-badge uk-badge-notification"> -->
23
                       ({{fetchPublications.searchUtils.totalResults | number}})
24
                     <!-- </span> -->
25 25
                   </a>
26 26
                   <div class="uk-accordion-content">
27 27
                     <errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'" tab_error_class=true></errorMessages>
......
69 69
                <li (click)="activeTab='Projects'; projectsClicked=true;">
70 70
                    <a class="uk-accordion-title" href="#">
71 71
                        Projects
72
                        <span class="uk-badge uk-badge-notification">
73
                          {{fetchProjects.searchUtils.totalResultsNoFilters | number}}
74
                        </span>
72
                        <!-- <span class="uk-badge uk-badge-notification"> -->
73
                          ({{fetchProjects.searchUtils.totalResultsNoFilters | number}})
74
                        <!-- </span> -->
75 75
                    </a>
76 76
                    <div class="uk-accordion-content">
77 77
                      <searchingProjectsTab *ngIf="projectsClicked" [(fetchProjects)]="fetchProjects" [organizationId]="organizationId" [(properties)]=properties></searchingProjectsTab>
......
81 81
                 <li (click)="activeTab='Content Providers'; searchDataprovidersInit()">
82 82
                     <a class="uk-accordion-title" href="#">
83 83
                         Content Providers
84
                         <span class="uk-badge uk-badge-notification">
85
                             {{fetchDataproviders.searchUtils.totalResults | number}}
86
                         </span>
84
                         <!-- <span class="uk-badge uk-badge-notification"> -->
85
                             ({{fetchDataproviders.searchUtils.totalResults | number}})
86
                         <!-- </span> -->
87 87
                     </a>
88 88
                     <div class="uk-accordion-content">
89 89
                       <errorMessages [status]="[fetchDataproviders.searchUtils.status]" [type]="'content providers'" tab_error_class=true></errorMessages>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/dataset/dataset.component.html
51 51
                </showSubjects>
52 52
                </li>
53 53
            </ul>
54
            <hr *ngIf="datasetInfo.description" >
54 55

  
55 56
            <div *ngIf="datasetInfo.description" class="uk-margin-bottom uk-text-justify descriptionText">
56 57
              {{datasetInfo.description}}
......
87 88
                       <span *ngIf="datasetInfo.relatedResearchResults" class="uk-badge uk-badge-notification">
88 89
                           {{relatedResearchResultsNum | number}}
89 90
                       </span> -->
90
                       <span class="uk-badge uk-badge-notification">
91
                           {{relatedResearchResultsNum | number}}
92
                       </span>
91
                       <!-- <span class="uk-badge uk-badge-notification"> -->
92
                           ({{relatedResearchResultsNum | number}})
93
                       <!-- </span> -->
93 94
                   </a>
94 95
                   <div class="uk-accordion-content">
95 96
                     <!-- <div *ngIf="!datasetInfo.relatedResearchResults" class = "uk-alert  uk-alert-primary">
......
98 99
                     <div *ngIf="datasetInfo.relatedResearchResults"> -->
99 100
                     <div>
100 101
                         <div *ngFor="let provenanceaction of getKeys(datasetInfo.relatedResearchResults)">
101
                             <div class="uk-text-large uk-margin-bottom">{{provenanceaction}}</div>
102
                             <div class="uk-text-large">{{provenanceaction}}</div>
102 103

  
103 104
                             <tabTable [percentageName]="trust" [info]="datasetInfo.relatedResearchResults.get(provenanceaction)" [(properties)]=properties></tabTable>
104 105
                         </div>
......
113 114
                        <span *ngIf="datasetInfo.similarResearchResults" class="uk-badge uk-badge-notification">
114 115
                            {{datasetInfo.similarResearchResults.length | number}}
115 116
                        </span> -->
116
                        <span class="uk-badge uk-badge-notification">
117
                            {{datasetInfo.similarResearchResults.length | number}}
118
                        </span>
117
                        <!-- <span class="uk-badge uk-badge-notification"> -->
118
                            ({{datasetInfo.similarResearchResults.length | number}})
119
                        <!-- </span> -->
119 120
                    </a>
120 121
                    <div class="uk-accordion-content">
121 122
                      <!-- <div *ngIf="!datasetInfo.similarResearchResults" class = "uk-alert  uk-alert-primary" >
......
148 149
                  </li>
149 150
            </ul>
150 151

  
151
            <!-- <ul class="uk-tab uk-visible@m" uk-tab="connect: #tab-content">
152
                <li (click)="activeTab='Related Research Results'"
153
                    [class]="activeTab == 'Related Research Results'?'uk-active':''">
154
                     <a>
155
                         Related Research Results
156
                         <span class="uk-badge uk-badge-notification">
157
                             {{relatedResearchResultsNum | number}}
158
                         </span>
159
                     </a>
160
                 </li>
161

  
162
                <li (click)="activeTab='Similar Research Results'"
163
                    [class]="activeTab == 'Similar Research Results'?'uk-active':''">
164
                    <a>
165
                        Similar Research Results
166
                        <span *ngIf="!datasetInfo.similarResearchResults" class="uk-badge uk-badge-notification">0</span>
167
                        <span *ngIf="datasetInfo.similarResearchResults" class="uk-badge uk-badge-notification">
168
                            {{datasetInfo.similarResearchResults.length | number}}
169
                        </span>
170
                    </a>
171
                </li>
172

  
173
                <li (click)="metricsClicked=true; activeTab='Metrics'"
174
                    [class]="activeTab == 'Metrics'?'uk-active':''">
175
                    <a>
176
                        Metrics
177
                    </a>
178
                </li>
179
            </ul> -->
180

  
181
            <!-- <button class="uk-button uk-button-default uk-hidden@m" type="button">
182
              <span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>
183
            </button>
184

  
185
            <ul id="toggle-small-tabs" class="uk-subnav uk-subnav-pill uk-dropdown uk-hidden@m" uk-switcher="connect: #tab-content" uk-dropdown="mode: click" uk-toggle="target: #toggle-small-tabs">
186
              <li (click)="activeTab='Related Research Results'"
187
                  [class]="activeTab == 'Related Research Results'?'uk-active':''">
188
                     <a>
189
                         Related Research Results
190
                         <span class="uk-badge uk-badge-notification">
191
                             {{relatedResearchResultsNum | number}}
192
                         </span>
193
                     </a>
194
                 </li>
195

  
196
                <li (click)="activeTab='Similar Research Results'"
197
                    [class]="activeTab == 'Similar Research Results'?'uk-active':''">
198
                    <a>
199
                        Similar Research Results
200
                        <span *ngIf="!datasetInfo.similarResearchResults" class="uk-badge uk-badge-notification">0</span>
201
                        <span *ngIf="datasetInfo.similarResearchResults" class="uk-badge uk-badge-notification">
202
                            {{datasetInfo.similarResearchResults.length | number}}
203
                        </span>
204
                    </a>
205
                </li>
206

  
207
                <li (click)="metricsClicked=true; activeTab='Metrics'"
208
                    [class]="activeTab == 'Metrics'?'uk-active':''">
209
                    <a>
210
                        Metrics
211
                    </a>
212
                </li>
213
            </ul> -->
214

  
215
            <!-- <div class="uk-margin custom-tab-content">
216
                <div *ngIf="activeTab=='Related Research Results'" class="uk-animation-fade">
217
                    <div *ngIf="!datasetInfo.relatedResearchResults" class = "uk-alert  uk-alert-primary" >
218
                        No related research results available
219
                    </div>
220
                    <div *ngIf="datasetInfo.relatedResearchResults && datasetInfo.relatedResearchResults.size > 0">
221

  
222
                        <div *ngFor="let provenanceaction of getKeys(datasetInfo.relatedResearchResults)">
223
                            <div class="uk-text-large">{{provenanceaction}}</div>
224

  
225
                            <tabTable [percentageName]="trust" [info]="datasetInfo.relatedResearchResults.get(provenanceaction)" [(properties)]=properties></tabTable>
226
                        </div>
227
                    </div>
228
                </div>
229

  
230
                <div *ngIf="activeTab=='Similar Research Results'" class="uk-animation-fade">
231
                    <div  *ngIf="!datasetInfo.similarResearchResults"  class = "uk-alert  uk-alert-primary" >
232
                        No similar research results available
233
                    </div>
234
                    <div *ngIf="datasetInfo.similarResearchResults">
235
                        <tabTable [percentageName]="similarity" [info]="datasetInfo.similarResearchResults" [(properties)]=properties></tabTable>
236
                    </div>
237
                </div>
238
                <div *ngIf="activeTab=='Metrics'" class="uk-animation-fade">
239
                    <metrics [pageViews]="pageViews"
240
                        [id]="datasetId" [entityType]="'results'" [entity]="'Research Data'"
241
                        (metricsResults)="metricsResults($event)" [(properties)] = properties>
242
                    </metrics>
243
                    <i-frame *ngIf="metricsClicked && totalViews > 0"
244
                        [url]=viewsFrameUrl width="100%" height="250">
245
                    </i-frame>
246
                    <i-frame *ngIf="metricsClicked && totalDownloads > 0"
247
                        [url]=downloadsFrameUrl width="100%" height="250">
248
                    </i-frame>
249
                </div>
250
          </div> -->
251 152
        </div>
252 153

  
253 154
        <div class="uk-width-large@m uk-width-1-1@s">
......
259 160
          <altmetrics *ngIf="datasetInfo.identifiers && datasetInfo.identifiers.get('doi')"
260 161
             id="{{datasetInfo.identifiers.get('doi')[0]}}" type="doi">
261 162
          </altmetrics >
262
            <ul class="uk-list ">
163
            <ul class="uk-list uk-margin-remove-bottom ">
263 164

  
264 165
                <li *ngIf="datasetInfo.hostedBy_collectedFrom && datasetInfo.hostedBy_collectedFrom.length > 0">
265 166
                    <availableOn [availableOn]="datasetInfo.hostedBy_collectedFrom"></availableOn>
......
296 197
                </li-->
297 198

  
298 199
                <li>
299
                  <ul uk-accordion class="uk-padding-remove citation-accordion">
300
                      <li>
301
                        <div class="sideInfoTitle uk-accordion-title cite-this-button uk-width-1-1" type="button">
302
                          Cite this research data
303
                        </div>
304
                          <div class="uk-accordion-content">
305
                            <citeThis [result]="datasetInfo" [id]="datasetId" type="research data"></citeThis>
306
                          </div>
307
                      </li>
308
                  </ul>
309
                </li>
310
                <!--li>
311
                  <ul uk-accordion class="uk-padding-remove">
312
                      <li>
313
                        <button class="uk-button uk-button-primary uk-accordion-title link-to-button  uk-width-1-1" type="button">
314
                          <span class="uk-icon" >
315
                                 <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="link" ratio="1"><path fill="none" stroke="#000" stroke-width="1.1" 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"></path><path fill="none" stroke="#000" stroke-width="1.1" 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"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M7.925,11.875 L11.925,7.975"></path></svg></span>
316
                          <span>Link this research data to</span>
317
                        </button>
318
                          <div class="uk-accordion-content">
319
                            <ul class="uk-nav uk-dropdown-nav uk-padding-small" >
320
                                <li><a class="uk-width-1-1" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','project'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
321
                                   Projects</a></li>
322
                                <li><a  class="uk-width-1-1" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','context'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
323
                                   Communities</a></li>
324
                                <li><a   class="uk-width-1-1"  [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
325
                                  Other research results</a></li>
326
                            </ul>
327
                          </div>
328
                      </li>
329
                  </ul>
330 200

  
331
                </li-->
201
                  <div class="sideInfoTitle   cite-this-button uk-width-1-1" type="button">
202
                    Cite this research data
203
                  </div>
204
                  <div class=" ">
205
                    <citeThis [result]="datasetInfo" [id]="datasetId" type="research data"></citeThis>
206
                  </div>
332 207

  
208
                </li>
333 209

  
334 210
            </ul>
211
            <button style=" box-shadow: 0 1px 10px #444444" class="   uk-button portal-button   uk-width-1-1 ">
212
              <span class="uk-icon">
213
                   <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>
214
                 </span> Link this dataset to...
215
            </button>
335 216

  
217
          <div   uk-dropdown="pos: bottom-left; mode:click" style="background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;">
218
              <ul class="uk-iconnav uk-iconnav-vertical">
219
                <li  uk-tooltip="pos:right;" title="<div class='tooltip-custom-font-size uk-light  '>Projects</div>">
220
                  <a   class="   uk-icon-button portal-button  shadowBox"  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','project'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
221
                    <span class="uk-icon" >
222
                       <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>
223
                  </a>
224
                </li>
225
                 <li  uk-tooltip="pos:right;" title="<div class='tooltip-custom-font-size uk-light '>Communities</div>">
226
                   <a   class="   uk-icon-button portal-button shadowBox"  style="padding: 6px;" [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','context'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
227
                     <span class="uk-icon"  >
228
                          <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>
229
                   </a>
230
                 </li>
231
                 <li uk-tooltip="pos:right;" title="<div class='tooltip-custom-font-size uk-light uk-margin-small'>Other research results</div>">
232
                   <a   class="   uk-icon-button portal-button  shadowBox"  style="padding: 6px;"  [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
233
                     <span class="uk-icon" >
234
                          <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>
235
                   </a>
236
                 </li>
336 237

  
238
             </ul>
239
          </div>
240

  
337 241
        </div>
338 242
      </div>
339 243
    </div>
......
345 249
                    <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>
346 250
                  </span>
347 251
             </a-->
348
             <button style=" box-shadow: 0 1px 10px #444444" class="   uk-button uk-button-danger  ">
252
             <!--button style=" box-shadow: 0 1px 10px #444444" class="   uk-button uk-button-danger  ">
349 253
               <span class="uk-icon">
350 254
                    <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>
351 255
                  </span> Link this dataset to
......
373 277
                  </li>
374 278

  
375 279
              </ul>
280
           </div-->
376 281
           </div>
377
           </div>
378 282
</div>
379 283
</div>
380 284
</div>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/project/project.component.html
83 83
               <li (click)="activeTab='Publications'; searchPublicationsInit()">
84 84
                   <a class="uk-accordion-title" href="#">
85 85
                     Publications
86
                     <span class="uk-badge uk-badge-notification">
87
                         {{fetchPublications.searchUtils.totalResults | number}}
88
                     </span>
86
                     <!-- <span class="uk-badge uk-badge-notification"> -->
87
                         ({{fetchPublications.searchUtils.totalResults | number}})
88
                     <!-- </span> -->
89 89
                   </a>
90 90
                   <div class="uk-accordion-content">
91 91
                     <errorMessages [status]="[fetchPublications.searchUtils.status]" [type]="'publications'" tab_error_class=true></errorMessages>
......
108 108
                <li (click)="activeTab='Research Data'; searchDatasetsInit()">
109 109
                    <a class="uk-accordion-title" href="#">
110 110
                        Research Data
111
                        <span class="uk-badge uk-badge-notification">
112
                            {{fetchDatasets.searchUtils.totalResults | number}}
113
                        </span>
111
                        <!-- <span class="uk-badge uk-badge-notification"> -->
112
                            ({{fetchDatasets.searchUtils.totalResults | number}})
113
                        <!-- </span> -->
114 114
                    </a>
115 115
                    <div class="uk-accordion-content">
116 116
                      <errorMessages [status]="[fetchDatasets.searchUtils.status]" [type]="'research data'" tab_error_class=true></errorMessages>
......
134 134
                 <li (click)="activeTab='Software'; searchSoftwareInit()">
135 135
                     <a class="uk-accordion-title" href="#">
136 136
                         Software
137
                         <span class="uk-badge uk-badge-notification">
138
                             {{fetchSoftware.searchUtils.totalResults | number}}
139
                         </span>
137
                         <!-- <span class="uk-badge uk-badge-notification"> -->
138
                             ({{fetchSoftware.searchUtils.totalResults | number}})
139
                         <!-- </span> -->
140 140
                     </a>
141 141
                     <div class="uk-accordion-content">
142 142
                       <errorMessages [status]="[fetchSoftware.searchUtils.status]" [type]="'software'" tab_error_class=true></errorMessages>
......
160 160
                  <li (click)="activeTab='Other Research Products'; searchOrpsInit()">
161 161
                      <a class="uk-accordion-title" href="#">
162 162
                          Other Research Products
163
                          <span class="uk-badge uk-badge-notification">
164
                              {{fetchOrps.searchUtils.totalResults | number}}
165
                          </span>
163
                          <!-- <span class="uk-badge uk-badge-notification"> -->
164
                              ({{fetchOrps.searchUtils.totalResults | number}})
165
                          <!-- </span> -->
166 166
                      </a>
167 167
                      <div class="uk-accordion-content">
168 168
                        <errorMessages [status]="[fetchOrps.searchUtils.status]" [type]="'other research products'" tab_error_class=true></errorMessages>
......
419 419
                     <ul class="uk-list">
420 420
                       <li>
421 421
                         <a class="clickable" uk-toggle="target: #publications_dynamic; animation:uk-animation-fade"><span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML)</a>
422
                         <div hidden id="publications_dynamic">
423
                             <button class="uk-button uk-button-default publ_clipboard_btn" data-clipboard-target="#publ_clipboard">
424
                                 Copy to clipboard
425
                                 <span class="uk-icon"><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>
426
                             </button>
427
                             <pre><code id="publ_clipboard">{{publications_dynamic}}</code></pre>
422
                         <div hidden id="publications_dynamic" class="widget-box uk-padding-small uk-card uk-card-default ">
423
                           <div class="  uk-alert uk-alert-primary uk-padding-small uk-margin-remove-bottom uk-margin-right">
424
                             For further information please contact us <a href="mailto:helpdesk@openaire.eu">helpdesk@openaire.eu</a>
425
                           </div>
426
                             <div class="uk-grid">
427
                               <a class="    publ_clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1 " data-clipboard-target="#publ_clipboard" title="Copy to clipboard">
428
                                    <span class="uk-icon"><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>
429
                               </a>
430
                              </div>
431

  
432
                             <pre class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code id="publ_clipboard">{{publications_dynamic}}</code></pre>
428 433
                         </div>
429 434
                       </li>
430 435
                       <li>
......
452 457
                    <ul class="uk-list">
453 458
                      <li>
454 459
                        <a class="clickable" uk-toggle="target: #datasets_dynamic; animation:uk-animation-fade"><span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="code" ratio="1"><polyline fill="none" stroke="#000" stroke-width="1.01" points="13,4 19,10 13,16"></polyline><polyline fill="none" stroke="#000" stroke-width="1.01" points="7,4 1,10 7,16"></polyline></svg></span> Include in your site (HTML) </a>
455
                        <div hidden id="datasets_dynamic">
456
                            <button class="uk-button uk-button-default datasets_clipboard_btn" data-clipboard-target="#datasets_clipboard">
457
                                Copy to clipboard
458
                                <span  class="uk-icon"><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>
459
                            </button>
460
                            <pre><code id="datasets_clipboard">{{datasets_dynamic}}</code></pre>
460
                        <div hidden id="datasets_dynamic"  class="widget-box uk-padding-small uk-card uk-card-default ">
461
                          <div class="  uk-alert uk-alert-primary uk-padding-small uk-margin-remove-bottom uk-margin-right">
462
                            For further information please contact us <a href="mailto:helpdesk@openaire.eu">helpdesk@openaire.eu</a>
463
                          </div>
464
                          <div class="uk-grid">
465
                            <a class="    datasets_clipboard_btn uk-padding-remove-left uk-margin-small-left uk-text-right uk-width-1-1 " data-clipboard-target="#datasets_clipboard" title="Copy to clipboard">
466
                                 <span class="uk-icon"><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>
467
                            </a>
468
                           </div>
469
                            <pre  class="box-content uk-padding-remove-bottom uk-margin-remove-bottom"><code id="datasets_clipboard">{{datasets_dynamic}}</code></pre>
461 470
                        </div>
462 471
                    </li>
463 472
                    <li>
......
483 492
              </ul>
484 493

  
485 494
            </div>
486
            <!--ul uk-accordion class="uk-padding-remove">
487
                <li>
488
                  <button class="uk-button uk-button-primary uk-accordion-title link-to-button  uk-width-1-1" type="button">
489
                    <span class="uk-icon" >
490
                           <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="link" ratio="1"><path fill="none" stroke="#000" stroke-width="1.1" 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"></path><path fill="none" stroke="#000" stroke-width="1.1" 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"></path><path fill="none" stroke="#000" stroke-width="1.1" d="M7.925,11.875 L11.925,7.975"></path></svg></span>
491
                    <span>Link this project to</span>
492
                  </button>
493
                    <div class="uk-accordion-content">
494
                      <ul class="uk-nav uk-dropdown-nav uk-padding-small" >
495
                        <li><a   class="uk-width-1-1"  [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
496
                          Other research results</a></li>
497
                      </ul>
498
                    </div>
499
                </li>
500
            </ul-->
495
            <button style=" box-shadow: 0 1px 10px #444444" class="   uk-button portal-button uk-margin-small-top uk-width-1-1">
496
              <span class="uk-icon">
497
                   <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>
498
                 </span> Link this project to...
499
            </button>
500

  
501
          <div   uk-dropdown="pos: bottom-left; mode:click" style="background: transparent !important;box-shadow: none; max-width: 70px !important; min-width: 70px !important;" class=" uk-margin-remove-top uk-padding-small">
502
              <ul class="uk-iconnav uk-iconnav-vertical">
503
                 <li uk-tooltip="pos:right;" title="<div class='tooltip-custom-font-size uk-margin-small'>Research results</div>">
504
                   <a   class="   uk-icon-button portal-button shadowBox"  style="padding: 6px;"  [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[projectId,'project','result'])"   routerLinkActive="router-link-active" routerLink="/participate/direct-claim" >
505
                     <span class="uk-icon" >
506
                          <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>
507
                   </a>
508
                 </li>
509

  
510
             </ul>
501 511
          </div>
512

  
513
          </div>
502 514
          <!--metrics [pageViews]="pageViews" shortView=true
503 515
              [id]="projectId" [entityType]="'projects'" [entity]="'Project'"
504 516
              (metricsResults)="metricsResults($event)" [(properties)] = properties>
......
509 521
    <modal-loading></modal-loading>
510 522
    <modal-alert #AlertModalCsvError></modal-alert>
511 523
    <!-- Claiming FAB -->
512
    <div class="uk-inline">
524
    <!--div class="uk-inline">
513 525
       <div   class="   uk-float-right  " style="z-index: 200; bottom: 55px; position: fixed; right: 45%;">
514
         <!--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class="   uk-icon-button uk-button-primary  shadowBox"   uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Link this publication to</div>">
526
         < !--a style="padding: 30px; box-shadow: 0 1px 10px #444444" class="   uk-icon-button uk-button-primary  shadowBox"   uk-tooltip="pos:left;" title="<div class='tooltip-custom-font-size uk-light '>Link this publication to</div>">
515 527
           <span class="uk-icon">
516 528
                <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>
517 529
              </span>
518
         </a-->
530
         </a- ->
519 531
         <button style=" box-shadow: 0 1px 10px #444444" class="   uk-button uk-button-danger  ">
520 532
           <span class="uk-icon">
521 533
                <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>
......
534 546
          </ul>
535 547
       </div>
536 548
       </div>
537
    </div>
549
    </div-->
538 550
</div>
539 551
</div>
540 552
</div>
modules/uoa-services-library/trunk/ng-openaire-library/src/app/landingPages/publication/publication.component.html
77 77
                </showSubjects>
78 78
                </li>
79 79
              </ul>
80

  
80
              <hr *ngIf="publicationInfo.description">
81 81
              <div *ngIf="publicationInfo.description" class="uk-margin-bottom uk-text-justify descriptionText">
82 82
                {{publicationInfo.description}}
83 83
              </div>
......
121 121
                     <span *ngIf="publicationInfo.references" class="uk-badge uk-badge-notification">
122 122
                         {{publicationInfo.references.length | number}}
123 123
                     </span> -->
124
                     <span class="uk-badge uk-badge-notification">
125
                         {{publicationInfo.references.length | number}}
126
                     </span>
124
                     <!-- <span class="uk-badge uk-badge-notification"> -->
125
                         ({{publicationInfo.references.length | number}})
126
                     <!-- </span> -->
127 127
                 </a>
128 128
                 <div class="uk-accordion-content">
129 129
                   <!-- <div *ngIf="!publicationInfo.references" class = "uk-alert  uk-alert-primary" >
......
159 159
                      <span *ngIf="publicationInfo.relatedResearchResults" class="uk-badge uk-badge-notification">
160 160
                          {{relatedResearchResultsNum | number}}
161 161
                      </span> -->
162
                      <span class="uk-badge uk-badge-notification">
163
                          {{relatedResearchResultsNum | number}}
164
                      </span>
162
                      <!-- <span class="uk-badge uk-badge-notification"> -->
163
                          ({{relatedResearchResultsNum | number}})
164
                      <!-- </span> -->
165 165
                  </a>
166 166
                  <div class="uk-accordion-content">
167 167
                    <!-- <div *ngIf="!publicationInfo.relatedResearchResults" class = "uk-alert  uk-alert-primary">
......
170 170
                    <div *ngIf="publicationInfo.relatedResearchResults"> -->
171 171
                    <div>
172 172
                        <div *ngFor="let provenanceaction of getKeys(publicationInfo.relatedResearchResults)">
173
                            <div class="uk-text-large uk-margin-bottom">{{provenanceaction}}</div>
173
                            <div class="uk-text-large">{{provenanceaction}}</div>
174 174

  
175 175
                            <tabTable [percentageName]="trust" [info]="publicationInfo.relatedResearchResults.get(provenanceaction)" [(properties)]=properties></tabTable>
176 176
                        </div>
......
185 185
                       <span *ngIf="publicationInfo.similarResearchResults" class="uk-badge uk-badge-notification">
186 186
                           {{publicationInfo.similarResearchResults.length | number}}
187 187
                       </span> -->
188
                       <span class="uk-badge uk-badge-notification">
189
                           {{publicationInfo.similarResearchResults.length | number}}
190
                       </span>
188
                       <!-- <span class="uk-badge uk-badge-notification"> -->
189
                           ({{publicationInfo.similarResearchResults.length | number}})
190
                       <!-- </span> -->
191 191
                   </a>
192 192
                   <div class="uk-accordion-content">
193 193
                     <!-- <div *ngIf="!publicationInfo.similarResearchResults" class = "uk-alert  uk-alert-primary" >
......
208 208
                        <span *ngIf="publicationInfo.organizations" class="uk-badge uk-badge-notification">
209 209
                            {{publicationInfo.organizations.length | number}}
210 210
                        </span> -->
211
                        <span class="uk-badge uk-badge-notification">
212
                            {{publicationInfo.organizations.length | number}}
213
                        </span>
211
                        <!-- <span class="uk-badge uk-badge-notification"> -->
212
                            ({{publicationInfo.organizations.length | number}})
213
                        <!-- </span> -->
214 214
                    </a>
215 215
                    <div class="uk-accordion-content">
216 216
                      <!-- <div *ngIf="!publicationInfo.organizations" class = "uk-alert  uk-alert-primary">
......
269 269
                         <span *ngIf="publicationInfo.bioentities" class="uk-badge uk-badge-notification">
270 270
                             {{publicationInfo.bioentitiesNum | number}}
271 271
                         </span> -->
272
                         <span class="uk-badge uk-badge-notification">
273
                             {{bioentitiesNum | number}}
274
                         </span>
272
                         <!-- <span class="uk-badge uk-badge-notification"> -->
273
                             ({{bioentitiesNum | number}})
274
                         <!-- </span> -->
275 275
                     </a>
276 276
                     <div class="uk-accordion-content">
277 277
                       <div *ngIf="publicationInfo.bioentities && bioentitiesNum > pageSize" class="uk-margin-bottom">
......
308 308
                          <span *ngIf="publicationInfo.software" class="uk-badge uk-badge-notification">
309 309
                              {{publicationInfo.software.length | number}}
310 310
                          </span> -->
311
                          <span class="uk-badge uk-badge-notification">
312
                              {{publicationInfo.software.length | number}}
313
                          </span>
311
                          <!-- <span class="uk-badge uk-badge-notification"> -->
312
                              ({{publicationInfo.software.length | number}})
313
                          <!-- </span> -->
314 314
                      </a>
315 315
                      <div class="uk-accordion-content">
316 316
                        <div *ngIf="publicationInfo.software && publicationInfo.software.length > pageSize" class="uk-margin-bottom">
......
354 354
                    </li>
355 355
            </ul>
356 356

  
357
            <!-- <ul class="uk-tab uk-visible@l" uk-tab="connect: #tab-content">
358
                <li *ngIf="publicationInfo.references" (click)="activeTab='References'"
359
                    [class]="activeTab == 'References'?'uk-active':''">
360
                    <a>
361
                        References
362
                        <span *ngIf="publicationInfo.references" class="uk-badge uk-badge-notification">
363
                            {{publicationInfo.references.length | number}}
364
                        </span>
365
                    </a>
366
                </li>
367
                <li *ngIf="publicationInfo.relatedResearchResults" (click)="activeTab='Related Research Results'"
368
                    [class]="activeTab == 'Related Research Results'?'uk-active':''">
369
                    <a>
370
                        Related Research Results
371
                        <span class="uk-badge uk-badge-notification">
372
                            {{relatedResearchResultsNum | number}}
373
                        </span>
374
                    </a>
375
                </li>
376
                <li *ngIf="publicationInfo.similarResearchResults" (click)="activeTab='Similar Research Results'"
377
                    [class]="activeTab == 'Similar Research Results'?'uk-active':''">
378
                    <a>
379
                        Similar Research Results
380
                        <span *ngIf="!publicationInfo.similarResearchResults" class="uk-badge uk-badge-notification">0</span>
381
                        <span *ngIf="publicationInfo.similarResearchResults" class="uk-badge uk-badge-notification">
382
                            {{publicationInfo.similarResearchResults.length | number}}
383
                        </span>
384
                    </a>
385
                </li>
386
                <li *ngIf="publicationInfo.organizations" (click)="activeTab='Related Organizations'"
387
                    [class]="activeTab == 'Related Organizations'?'uk-active':''">
388
                    <a>
389
                        Related Organizations
390
                        <span *ngIf="!publicationInfo.organizations" class="uk-badge uk-badge-notification">0</span>
391
                        <span *ngIf="publicationInfo.organizations" class="uk-badge uk-badge-notification">
392
                            {{publicationInfo.organizations.length | number}}
393
                        </span>
394
                    </a>
395
                </li>
396
                <li *ngIf="publicationInfo.bioentities" (click)="activeTab='Bioentities'"
397
                    [class]="activeTab == 'Bioentities'?'uk-active':''">
398
                    <a>
399
                        Bioentities
400
                        <span class="uk-badge uk-badge-notification">{{bioentitiesNum | number}}</span>
401
                    </a>
402
                </li>
403
                <li *ngIf="publicationInfo.software" (click)="activeTab='Software'"
404
                    [class]="activeTab == 'Software'?'uk-active':''">
405
                    <a>
406
                        Software
407
                        <span class="uk-badge uk-badge-notification">{{publicationInfo.software.length | number}}</span>
408
                    </a>
409
                </li>
410
                <li (click)="metricsClicked=true; activeTab='Metrics'"
411
                    [class]="activeTab == 'Metrics'?'uk-active':''">
412
                    <a>
413
                        Metrics
414
                    </a>
415
                </li>
416
            </ul> -->
417

  
418
            <!-- <button class="uk-button uk-button-default uk-hidden@l" type="button">
419
              <span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>
420
            </button>
421

  
422
            <ul id="toggle-small-tabs" class="uk-subnav uk-subnav-pill uk-dropdown uk-hidden@l" uk-switcher="connect: #tab-content" uk-dropdown="mode: click" uk-toggle="target: #toggle-small-tabs">
423
                <li *ngIf="publicationInfo.references" (click)="activeTab='References'"
424
                    [class]="activeTab == 'References'?'uk-active':''">
425
                  <a>
426
                    References
427
                    <span *ngIf="!publicationInfo.references" class="uk-badge uk-badge-notification">0</span>
428
                    <span *ngIf="publicationInfo.references" class="uk-badge uk-badge-notification">
429
                        {{publicationInfo.references.length | number}}
430
                    </span>
431
                  </a>
432
                </li>
433
                <li *ngIf="publicationInfo.relatedResearchResults" (click)="activeTab='Related Research Results'"
434
                    [class]="activeTab == 'Related Research Results'?'uk-active':''">
435
                  <a>
436
                    Related Research Results
437
                    <span class="uk-badge uk-badge-notification">
438
                        {{relatedResearchResultsNum | number}}
439
                    </span>
440
                  </a>
441
                </li>
442
                <li *ngIf="publicationInfo.similarResearchResults" (click)="activeTab='Similar Research Results'"
443
                    [class]="activeTab == 'Similar Research Results'?'uk-active':''">
444
                  <a>
445
                    Similar Research Results
446
                    <span *ngIf="!publicationInfo.similarResearchResults" class="uk-badge uk-badge-notification">0</span>
447
                    <span *ngIf="publicationInfo.similarResearchResults" class="uk-badge uk-badge-notification">
448
                        {{publicationInfo.similarResearchResults.length | number}}
449
                    </span>
450
                  </a>
451
                </li>
452
                <li *ngIf="publicationInfo.organizations" (click)="activeTab='Related Organizations'"
453
                    [class]="activeTab == 'Related Organizations'?'uk-active':''">
454
                  <a>
455
                    Related Organizations
456
                    <span *ngIf="!publicationInfo.organizations" class="uk-badge uk-badge-notification">0</span>
457
                    <span *ngIf="publicationInfo.organizations" class="uk-badge uk-badge-notification">
458
                        {{publicationInfo.organizations.length | number}}
459
                    </span>
460
                  </a>
461
                </li>
462
                <li *ngIf="publicationInfo.bioentities" (click)="activeTab='Bioentities'"
463
                    [class]="activeTab == 'Bioentities'?'uk-active':''">
464
                  <a>
465
                    Bioentities
466
                    <span class="uk-badge uk-badge-notification">{{bioentitiesNum | number}}</span>
467
                  </a>
468
                </li>
469
                <li *ngIf="publicationInfo.software" (click)="activeTab='Software'"
470
                    [class]="activeTab == 'Software'?'uk-active':''">
471
                  <a>
472
                    Software
473
                    <span class="uk-badge uk-badge-notification">{{publicationInfo.software.length | number}}</span>
474
                  </a>
475
                </li>
476
                <li (click)="metricsClicked=true; activeTab='Metrics'"
477
                    [class]="activeTab == 'Metrics'?'uk-active':''">
478
                  <a>
479
                    Metrics
480
                  </a>
481
                </li>
482
            </ul> -->
483

  
484
            <!-- <div class="uk-margin custom-tab-content">
485
                <div *ngIf="activeTab == 'References'" class="uk-animation-fade">
486
                    <div *ngIf="!publicationInfo.references" class = "uk-alert  uk-alert-primary" >
487
                        No references available
488
                    </div>
489

  
490
                    <div *ngIf="publicationInfo.references">
491

  
492
                        <div *ngIf="publicationInfo.references && publicationInfo.references.length > pageSize" class="uk-margin-bottom">
493
                          <span class="uk-h6">{{publicationInfo.references.length | number}} references, page {{referencesPage | number}} of {{totalPages(publicationInfo.references.length) | number}}</span>
494
                          <paging-no-load class="uk-float-right" [currentPage]="referencesPage" [totalResults]="publicationInfo.references.length" [size]="pageSize" (pageChange)="updateReferencesPage($event)"></paging-no-load>
495
                        </div>
496

  
497
                        <div *ngFor="let item of publicationInfo.references.slice((referencesPage-1)*pageSize, referencesPage*pageSize)">
498
                            <p *ngIf=" item && item['url']"
499
                                class="custom-external custom-icon">
500
                                <a href="{{item['url']}}" target="_blank">
501
                                    {{item['name']}}
502
                                </a>
503
                            </p>
504
                            <p  *ngIf="!item['url']" class="pseudo-external custom-icon">
505
                                {{item['name']}}
506
                            </p>
507
                        </div>
508
                    </div>
509
                </div>
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff