MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Dataset Profile editor . Scroll timing Fix

This commit is contained in:
Kristian Ntavidi 2021-03-23 13:52:33 +02:00
parent 5e77f78a1c
commit b6236b7e0d
2 changed files with 26 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
dmp-frontend/src/app/ui/admin/dataset-profile/editor/animations/animations.ts
View File

@ -45,3 +45,15 @@ export const STEPPER_ANIMATIONS = [
]) ])
]) ])
]; ];
export const GENERAL_ANIMATIONS = [
trigger('enterIn',[
transition(':enter',[
style({
transform:'scale(0)',
'transform-origin':'50% 0',
opacity:0
}),
animate('800ms ease', style({transform:'scale(1)', opacity:1}))
])
])
]

28
dmp-frontend/src/app/ui/admin/dataset-profile/editor/components/section-fieldset/dataset-profile-editor-section-fieldset.component.ts
View File

@ -137,23 +137,21 @@ export class DatasetProfileEditorSectionFieldSetComponent implements OnInit, OnC
let el = this.myElement.nativeElement.querySelector("#"+this.idprefix+id); let el = this.myElement.nativeElement.querySelector("#"+this.idprefix+id);
// let el = this.myElement.nativeElement.getElementbyId (this.selectedFieldSetId); // let el = this.myElement.nativeElement.getElementbyId (this.selectedFieldSetId);
if(el){ if(el){
/* /*
Give time to template to build itself (extending and collapsing). Give time to template to build itself (extending and collapsing).
In case we are dragging from one container to another, then the ui takes around 600ms to build In case we are dragging from one container to another, then the ui takes around 600ms to build
individual previews (dataset-profile-editor-field.component.ts); individual previews (dataset-profile-editor-field.component.ts);
*/ */
setTimeout(() => { setTimeout(() => {
const el = this.myElement.nativeElement.querySelector("#"+this.idprefix+id); const el = this.myElement.nativeElement.querySelector("#"+this.idprefix+id);
if(el){ if(el){
el.scrollIntoView({behavior: "smooth"}); el.scrollIntoView({behavior: "smooth"});
} }
}, 1100); }, 700);
}else{ }
this._scrollOnTop();
}
} }
private _scrollOnTop(){ private _scrollOnTop(){