andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Remove "framework"

Browse source
This commit is contained in:
schmelczerandras 2020-11-17 20:52:59 +01:00
parent b45bdb18a0
commit dc86d30eb2
72 changed files with 359 additions and 333 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/page/timeline/timeline-element/timeline-element.ts
View file

@ -1,9 +1,9 @@
import { TimelineElement } from '../../../model/portfolio';
import { TimelineElement } from '../../../types/portfolio';
import { PageContent } from '../../content/content';
import { PageElement } from '../../../framework/page-element';
import { PageElement } from '../../page-element';
import { generate } from './timeline-element.html';
import { createElement } from '../../../framework/helper/create-element';
import { OnBodyDimensionsChangedEvent } from '../../../framework/events/concrete-events/on-body-dimensions-changed-event';
import { createElement } from '../../../helper/create-element';
import { OnBodyDimensionsChangedEvent } from '../../../events/concrete-events/on-body-dimensions-changed-event';
export class PageTimelineElement extends PageElement {
private isOpen: boolean;
@ -18,15 +18,23 @@ export class PageTimelineElement extends PageElement {
if (timelineElement.more) {
const content = new PageContent(timelineElement.more);
super(root, [content]);
super(root);
this.children = [content];
this.isOpen = false;
this.more = root.querySelector('.more');
this.more.appendChild(content.element);
this.more.appendChild(content.htmlRoot);
window.addEventListener('resize', this.handleResize.bind(this));
root
.querySelector('.buttons')
.addEventListener('click', this.toggleOpen.bind(this));
} else super(root);
this.attachElementByReplacing('.figure', timelineElement.figure);
this.attachElementByReplacing('.description', timelineElement.description);
if (timelineElement.link) {
this.attachElementByReplacing('.link', timelineElement.link);
}
}
private toggleOpen() {
@ -46,15 +54,10 @@ export class PageTimelineElement extends PageElement {
}
private notifyOfHeightChange(deltaHeight: number = undefined) {
this.eventBroadcaster?.broadcastEvent(
new OnBodyDimensionsChangedEvent(deltaHeight)
);
this.eventBroadcaster?.broadcastEvent(new OnBodyDimensionsChangedEvent(deltaHeight));
setTimeout(
() =>
this.eventBroadcaster?.broadcastEvent(
new OnBodyDimensionsChangedEvent()
),
() => this.eventBroadcaster?.broadcastEvent(new OnBodyDimensionsChangedEvent()),
250
);
}