MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

make stepper and basket sticky

This commit is contained in:
argirok 2022-05-16 17:58:31 +03:00
parent f2ae3fb355
commit 3d945b1e05
3 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
claims/linking/linkingGeneric.component.html
View File

@ -3,6 +3,8 @@
<breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs> <breadcrumbs [breadcrumbs]="breadcrumbs"></breadcrumbs>
</div> </div>
</div> </div>
<div uk-sticky=" offset: 65; top:#basketStickTop; bottom: #basketStickBottom; media: @m"
style="z-index: 100" class="uk-background-default uk-margin-small-top">
<stepper> <stepper>
<step *ngIf="!inlineEntity" [status]="stepStatus('source')" stepId="source" stepNumber="1" <step *ngIf="!inlineEntity" [status]="stepStatus('source')" stepId="source" stepNumber="1"
[stepText]="'Find Sources'" (stepChanged)="stepHasChanged($event)" [stepText]="'Find Sources'" (stepChanged)="stepHasChanged($event)"
@ -17,6 +19,7 @@
[showStepLine]="true"></step> [showStepLine]="true"></step>
</stepper> </stepper>
</div>
<metadata-preview *ngIf="showOptions.show=='claim' && properties" class="uk-margin-top" <metadata-preview *ngIf="showOptions.show=='claim' && properties" class="uk-margin-top"
[results]="results" [sources]="sources" [results]="results" [sources]="sources"
@ -72,7 +75,7 @@
<!-- Basket--> <!-- Basket-->
<div *ngIf="showOptions.show != 'claim'" class="uk-width-1-3 uk-padding-remove-left " <div *ngIf="showOptions.show != 'claim'" class="uk-width-1-3 uk-padding-remove-left "
style="" > style="" >
<div id="basket" uk-sticky=" offset: 130; top:#basketStickTop; bottom: #basketStickBottom;" <div id="basket" uk-sticky=" offset: 180; top:#basketStickTop; bottom: #basketStickBottom; media: @m"
style="z-index: 0" class="uk-card uk-card-default linkingBasket"> style="z-index: 0" class="uk-card uk-card-default linkingBasket">
<div class="linksbasket uk-inline uk-width-1-1" style=""> <div class="linksbasket uk-inline uk-width-1-1" style="">
<div> <div>
@ -196,13 +199,14 @@
</div> </div>
</div> </div>
<div id="basketStickBottom"></div>
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper>
</div> </div>
<!-- <helper position="right" styleName=" uk-width-1-5"></helper>--> <!-- <helper position="right" styleName=" uk-width-1-5"></helper>-->
</div> </div>
<div id="basketStickBottom"></div>
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0" [texts]="pageContents['bottom']"></helper>
<!-- <helper position="bottom"></helper>--> <!-- <helper position="bottom"></helper>-->
</div> </div>

2
claims/linking/selected/ClaimEntityTitle.component.ts
View File

@ -7,7 +7,7 @@ import {StringUtils} from "../../../utils/string-utils.class";
template: template:
` `
<div class="uk-grid uk-flex uk-flex-middle"> <div class="uk-grid uk-flex uk-flex-middle">
<div class="uk-width-expand" [class.uk-h6]="!shortVersion" [class.uk-text-bold]="shortVersion" [class.uk-text-truncate]="shortVersion" [class.uk-margin-bottom]="!shortVersion" [class.uk-margin-small-bottom]="shortVersion"> <div class="uk-width-expand " style="word-break: break-word;" [class.uk-h6]="!shortVersion" [class.uk-text-bold]="shortVersion" [class.uk-text-truncate]="shortVersion" [class.uk-margin-bottom]="!shortVersion" [class.uk-margin-small-bottom]="shortVersion">
<a *ngIf="entity.result && entity.result.url" target="_blank" [href]="entity.result.url" <a *ngIf="entity.result && entity.result.url" target="_blank" [href]="entity.result.url"
class="uk-text-link">{{entity.title ? sliceString(entity.title) : '[No title available]'}}</a> class="uk-text-link">{{entity.title ? sliceString(entity.title) : '[No title available]'}}</a>
<span <span

2
timeout-interceptor.service.ts
View File

@ -20,7 +20,7 @@ export class TimeoutInterceptor implements HttpInterceptor {
return next.handle(req); return next.handle(req);
} }
const timeoutValue = isPlatformServer(this.platformId)?3000:6000;//req.headers.get('timeout') || this.defaultTimeout; const timeoutValue = isPlatformServer(this.platformId)?3000:16000;//req.headers.get('timeout') || this.defaultTimeout;
const timeoutValueNumeric = Number(timeoutValue); const timeoutValueNumeric = Number(timeoutValue);
return next.handle(req).pipe(timeout(timeoutValueNumeric)); return next.handle(req).pipe(timeout(timeoutValueNumeric));
} }