fix for small screens: result-preview card - orcid button
This commit is contained in:
parent
0a46aea1e7
commit
6b7ed19221
|
|
@ -315,111 +315,112 @@
|
||||||
((showOrcid && result.identifiers && result.identifiers.size > 0 && isResultType) || result.orcidCreationDates?.length > 0))"
|
((showOrcid && result.identifiers && result.identifiers.size > 0 && isResultType) || result.orcidCreationDates?.length > 0))"
|
||||||
class="result-preview-bottom uk-text-small"
|
class="result-preview-bottom uk-text-small"
|
||||||
[ngClass]="{'uk-card-footer': isCard}">
|
[ngClass]="{'uk-card-footer': isCard}">
|
||||||
<!-- Impact Factors-->
|
<!-- Impact Factors-->
|
||||||
<span class="uk-flex uk-flex-top">
|
<span class="uk-flex uk-flex-top uk-flex-wrap" style="grid-gap: 10px;">
|
||||||
<ng-container *ngIf="result.pop_inf && result.DOI">
|
<ng-container *ngIf="result.pop_inf && result.DOI">
|
||||||
<!--Popularity -->
|
<!--Popularity -->
|
||||||
<a title="Popularity" class="popularity-{{result.pop_inf[0]}} uk-margin-right uk-flex uk-flex-middle">
|
<a title="Popularity" class="popularity-{{result.pop_inf[0]}} uk-margin-right uk-flex uk-flex-middle">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="10.749" height="14.33" viewBox="0 0 10.749 14.33"><defs><!--<style>.a{fill:#d51717;}</style>--></defs><path
|
<svg xmlns="http://www.w3.org/2000/svg" width="10.749" height="14.33" viewBox="0 0 10.749 14.33"><defs><!--<style>.a{fill:#d51717;}</style>--></defs><path
|
||||||
class="a"
|
class="a"
|
||||||
d="M10.382.67a14.44,14.44,0,0,1,.5,3.225A2.331,2.331,0,0,1,8.589,6.4,2.445,2.445,0,0,1,6.15,3.895l.02-.242A9.25,9.25,0,0,0,4,9.625a5.375,5.375,0,0,0,10.749,0A11.5,11.5,0,0,0,10.382.67ZM9.18,12.985a2.134,2.134,0,0,1-2.163-2.11A2.1,2.1,0,0,1,8.9,8.779a5.181,5.181,0,0,0,3.1-1.733,9.374,9.374,0,0,1,.4,2.714A3.226,3.226,0,0,1,9.18,12.985Z"
|
d="M10.382.67a14.44,14.44,0,0,1,.5,3.225A2.331,2.331,0,0,1,8.589,6.4,2.445,2.445,0,0,1,6.15,3.895l.02-.242A9.25,9.25,0,0,0,4,9.625a5.375,5.375,0,0,0,10.749,0A11.5,11.5,0,0,0,10.382.67ZM9.18,12.985a2.134,2.134,0,0,1-2.163-2.11A2.1,2.1,0,0,1,8.9,8.779a5.181,5.181,0,0,0,3.1-1.733,9.374,9.374,0,0,1,.4,2.714A3.226,3.226,0,0,1,9.18,12.985Z"
|
||||||
transform="translate(-4 -0.67)"/></svg>
|
transform="translate(-4 -0.67)"/>
|
||||||
<span class="uk-margin-small-left"
|
</svg>
|
||||||
>
|
<span class="uk-margin-small-left">
|
||||||
{{" " + result.pop_inf[2] +
|
{{" " + result.pop_inf[2] + " popularity" }}
|
||||||
" popularity" }}</span>
|
</span>
|
||||||
|
</a>
|
||||||
</a>
|
<div class="default-dropdown uk-margin-remove-top uk-padding-small"
|
||||||
<div
|
|
||||||
class="default-dropdown uk-margin-remove-top uk-padding-medium"
|
|
||||||
uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
|
uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
|
||||||
<span class=" uk-flex uk-flex-middle">
|
<span class="uk-flex uk-flex-middle">
|
||||||
<span class="popularity-{{result.pop_inf[0]}}">
|
<span class="popularity-{{result.pop_inf[0]}}">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="26.974"
|
<svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="26.974"
|
||||||
viewBox="0 0 20.234 26.974"><defs> </defs><path class="a"
|
viewBox="0 0 20.234 26.974"><defs> </defs><path class="a"
|
||||||
d="M16.014.67a27.181,27.181,0,0,1,.936,6.07c0,2.605-1.707,4.717-4.312,4.717A4.6,4.6,0,0,1,8.047,6.74l.038-.455A17.411,17.411,0,0,0,4,17.527a10.117,10.117,0,0,0,20.234,0A21.643,21.643,0,0,0,16.014.67ZM13.75,23.85A4.016,4.016,0,0,1,9.678,19.88c0-2.049,1.328-3.49,3.554-3.946a9.753,9.753,0,0,0,5.843-3.263,17.645,17.645,0,0,1,.746,5.109,6.072,6.072,0,0,1-6.07,6.07Z"
|
d="M16.014.67a27.181,27.181,0,0,1,.936,6.07c0,2.605-1.707,4.717-4.312,4.717A4.6,4.6,0,0,1,8.047,6.74l.038-.455A17.411,17.411,0,0,0,4,17.527a10.117,10.117,0,0,0,20.234,0A21.643,21.643,0,0,0,16.014.67ZM13.75,23.85A4.016,4.016,0,0,1,9.678,19.88c0-2.049,1.328-3.49,3.554-3.946a9.753,9.753,0,0,0,5.843-3.263,17.645,17.645,0,0,1,.746,5.109,6.072,6.072,0,0,1-6.07,6.07Z"
|
||||||
transform="translate(-4 -0.67)"/></svg>
|
transform="translate(-4 -0.67)"/>
|
||||||
</span>
|
</svg>
|
||||||
<span class=" uk-margin-small-left">{{" " + result.pop_inf[2] +
|
</span>
|
||||||
" popularity" }}</span>
|
<span class="uk-margin-small-left">
|
||||||
<span
|
{{" " + result.pop_inf[2] + " popularity" }}
|
||||||
class="uk-margin-small-top uk-margin-small-left">{{" " + (result.pop_inf[0] == 'A' ? 'In top 0.01%' : '') + (result.pop_inf[0] == 'B' ? 'In top 1%' : '') + (result.pop_inf[0] == 'C' ? 'In bottom 99%' : '')}}</span>
|
</span>
|
||||||
|
<span class="uk-margin-small-left">
|
||||||
|
{{" " + (result.pop_inf[0] == 'A' ? 'In top 0.01%' : '') + (result.pop_inf[0] == 'B' ? 'In top 1%' : '') + (result.pop_inf[0] == 'C' ? 'In bottom 99%' : '')}}
|
||||||
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<div class="uk-text-meta uk-margin">Popularity: Citation-based measure reflecting the current impact.</div>
|
<div class="uk-text-meta uk-margin">
|
||||||
<div>
|
Popularity: Citation-based measure reflecting the current impact.
|
||||||
<a title="Link to Bip!Finder" class="uk-float-right" target="_blank"
|
|
||||||
href="https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
|
<a title="Link to Bip!Finder" class="uk-float-right" target="_blank" href="https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">
|
||||||
|
View more details
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<!--Influence -->
|
<!--Influence -->
|
||||||
<a title="Influence" class="influence-{{result.pop_inf[1]}} uk-margin-right uk-flex uk-flex-middle">
|
<a title="Influence" class="influence-{{result.pop_inf[1]}} uk-margin-right uk-flex uk-flex-middle">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="12.667" height="14" viewBox="0 0 12.667 14">
|
<svg xmlns="http://www.w3.org/2000/svg" width="12.667" height="14" viewBox="0 0 12.667 14">
|
||||||
<defs><!--<style>.a{fill:#e1920a;}</style>--></defs>
|
<defs><!--<style>.a{fill:#e1920a;}</style>--></defs>
|
||||||
<path class="a"
|
<path class="a"
|
||||||
d="M3.333,7v4.667h2V7Zm4,0v4.667h2V7ZM2,15H14.667V13H2Zm9.333-8v4.667h2V7Zm-3-6L2,4.333V5.667H14.667V4.333Z"
|
d="M3.333,7v4.667h2V7Zm4,0v4.667h2V7ZM2,15H14.667V13H2Zm9.333-8v4.667h2V7Zm-3-6L2,4.333V5.667H14.667V4.333Z"
|
||||||
transform="translate(-2 -1)"/>
|
transform="translate(-2 -1)"/>
|
||||||
</svg>
|
</svg>
|
||||||
<span class="uk-margin-small-left"
|
<span class="uk-margin-small-left">
|
||||||
>{{" " + result.pop_inf[3] +
|
{{" " + result.pop_inf[3] + " influence" }}
|
||||||
" influence" }}</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<div
|
<div class="default-dropdown uk-margin-remove-top uk-padding-small"
|
||||||
class="default-dropdown uk-margin-remove-top uk-padding-medium"
|
uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
|
||||||
uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
|
<span class="uk-flex uk-flex-middle">
|
||||||
<span class=" uk-flex uk-flex-middle">
|
|
||||||
<span class="influence-{{result.pop_inf[1]}}">
|
<span class="influence-{{result.pop_inf[1]}}">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="24.299" height="26.857" viewBox="0 0 24.299 26.857"><defs><style>.a {
|
<svg xmlns="http://www.w3.org/2000/svg" width="24.299" height="26.857" viewBox="0 0 24.299 26.857"><defs><style>.a {
|
||||||
fill: #464646;
|
fill: #464646;
|
||||||
}</style></defs><path class="a"
|
}</style></defs><path class="a"
|
||||||
d="M4.558,12.51v8.952H8.394V12.51Zm7.673,0v8.952h3.837V12.51ZM2,27.857H26.3V24.02H2ZM19.9,12.51v8.952h3.837V12.51ZM14.149,1,2,7.394V9.952H26.3V7.394Z"
|
d="M4.558,12.51v8.952H8.394V12.51Zm7.673,0v8.952h3.837V12.51ZM2,27.857H26.3V24.02H2ZM19.9,12.51v8.952h3.837V12.51ZM14.149,1,2,7.394V9.952H26.3V7.394Z"
|
||||||
transform="translate(-2 -1)"/></svg>
|
transform="translate(-2 -1)"/>
|
||||||
</span>
|
</svg>
|
||||||
<span class=" uk-margin-small-left"
|
</span>
|
||||||
>{{result.pop_inf[3] +
|
<span class=" uk-margin-small-left">
|
||||||
" influence" }}</span>
|
{{result.pop_inf[3] + " influence" }}
|
||||||
<span
|
</span>
|
||||||
class="uk-margin-small-top uk-margin-small-left">{{" " + (result.pop_inf[1] == 'A' ? 'In top 0.01%' : '') + (result.pop_inf[1] == 'B' ? 'In top 1%' : '') + (result.pop_inf[1] == 'C' ? 'In bottom 99%' : '')}}</span>
|
<span class="uk-margin-small-left">
|
||||||
|
{{" " + (result.pop_inf[1] == 'A' ? 'In top 0.01%' : '') + (result.pop_inf[1] == 'B' ? 'In top 1%' : '') + (result.pop_inf[1] == 'C' ? 'In bottom 99%' : '')}}
|
||||||
|
</span>
|
||||||
</span>
|
</span>
|
||||||
|
<div class="uk-text-meta uk-margin">
|
||||||
<div class="uk-text-meta uk-margin">Influence: Citation-based measure reflecting the total impact.</div>
|
Influence: Citation-based measure reflecting the total impact.
|
||||||
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a title="Link to Bip!Finder" class=" uk-float-right" target="_blank" href=
|
<a title="Link to Bip!Finder" class=" uk-float-right" target="_blank" href="https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">
|
||||||
"https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
|
View more details
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<!-- && loggedIn -->
|
<!-- && loggedIn -->
|
||||||
<!-- TODO: change colors/opacity and disabled attr for ORCID buttons -->
|
<!-- TODO: change colors/opacity and disabled attr for ORCID buttons -->
|
||||||
<span *ngIf="(properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community')
|
<span *ngIf="(properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community')
|
||||||
&& showOrcid && result.identifiers && result.identifiers.size > 0 && isResultType"
|
&& showOrcid && result.identifiers && result.identifiers.size > 0 && isResultType"
|
||||||
class="uk-width-1-3 uk-width-expand@s">
|
class="uk-width-1-3@m uk-width-expand@s">
|
||||||
<!-- class="uk-flex uk-flex-middle uk-flex-right uk-width-expand">-->
|
<!--class="uk-flex uk-flex-middle uk-flex-right uk-width-expand">-->
|
||||||
<orcid-work *ngIf="showOrcid && result.identifiers && result.identifiers.size > 0"
|
<orcid-work *ngIf="showOrcid && result.identifiers && result.identifiers.size > 0"
|
||||||
[resultId]="result.relcanId" [resultTitle]="result.title"
|
[resultId]="result.relcanId" [resultTitle]="result.title"
|
||||||
[type]="result.resultType" [pageType]="'search'"
|
[type]="result.resultType" [pageType]="'search'"
|
||||||
[putCodes]="result.orcidPutCodes" [givenPutCode]="true" [identifiers]="result.identifiers">
|
[putCodes]="result.orcidPutCodes" [givenPutCode]="true" [identifiers]="result.identifiers">
|
||||||
</orcid-work>
|
</orcid-work>
|
||||||
</span>
|
</span>
|
||||||
<span *ngIf="(properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community') && result.orcidCreationDates?.length > 0"
|
<span *ngIf="(properties.adminToolsPortalType == 'explore' || properties.adminToolsPortalType == 'community') && result.orcidCreationDates?.length > 0"
|
||||||
class="uk-width-expand uk-text-right">
|
class="uk-width-expand uk-text-right">
|
||||||
<span *ngIf="result.orcidCreationDates?.length > 0" class="uk-display-inline-block">
|
<span *ngIf="result.orcidCreationDates?.length > 0" class="uk-display-inline-block">
|
||||||
<span class="uk-text-meta">Added in ORCID:</span>
|
<span class="uk-text-meta">
|
||||||
|
Added in ORCID:
|
||||||
|
</span>
|
||||||
<span *ngFor="let date of result.orcidCreationDates; let i=index">
|
<span *ngFor="let date of result.orcidCreationDates; let i=index">
|
||||||
{{date | date: 'dd MMM yyyy'}}
|
{{date | date: 'dd MMM yyyy'}}
|
||||||
<span *ngIf="i < (result.orcidCreationDates.length - 1)">& </span>
|
<span *ngIf="i < (result.orcidCreationDates.length - 1)">
|
||||||
|
&
|
||||||
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<!-- <span *ngIf="result.orcidCreationDates?.length > 0 && result.orcidUpdateDates?.length > 0">-->
|
|
||||||
<!-- {{' . '}}-->
|
|
||||||
<!-- </span>-->
|
|
||||||
<!-- <span *ngIf="result.orcidUpdateDates?.length > 0" class="uk-display-inline-block">-->
|
|
||||||
<!-- <span class="uk-text-muted">Last update in ORCID:</span>-->
|
|
||||||
<!-- <span *ngFor="let date of result.orcidUpdateDates; let i=index">-->
|
|
||||||
<!-- {{date | date: 'dd MMM yyyy'}}-->
|
|
||||||
<!-- <span *ngIf="i < (result.orcidUpdateDates.length - 1)">& </span>-->
|
|
||||||
<!-- </span>-->
|
|
||||||
<!-- </span>-->
|
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue