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

Add avoid

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-26 17:44:36 +02:00
parent d3927cc13c
commit f41bab1156
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
5 changed files with 38 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/page/timeline-element/timeline-element-parameters.ts
View file

@ -7,6 +7,6 @@ export interface TimelineElementParameters {
figure: html | Video | Preview;
title: string;
description: string;
more: Array<string>;
more?: Array<html>;
links: Array<html>;
}

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

@ -5,7 +5,7 @@ import { generate } from './timeline-element.html';
export class TimelineElement extends PageElement {
private isOpen = false;
private more: HTMLElement;
private readonly more?: HTMLElement;
public constructor(
private timelineElement: TimelineElementParameters,
@ -14,9 +14,12 @@ export class TimelineElement extends PageElement {
) {
super(generate(timelineElement, showMore));
this.more = this.query('.more');
addEventListener('resize', this.handleResize.bind(this));
this.query('.info-button').addEventListener('click', this.toggleOpen.bind(this));
if (this.more) {
this.query('.info-button').addEventListener('click', this.toggleOpen.bind(this));
}
this.attachElementByReplacing(
'.figure',
@ -43,6 +46,10 @@ export class TimelineElement extends PageElement {
}
private openMore() {
if (!this.more) {
return;
}
this.isOpen = true;
this.query('.info-button > p').innerText = this.showLess;
@ -52,6 +59,10 @@ export class TimelineElement extends PageElement {
}
private closeMore() {
if (!this.more) {
return;
}
this.isOpen = false;
this.query('.info-button > p').innerText = this.showMore;
@ -60,6 +71,10 @@ export class TimelineElement extends PageElement {
}
private handleResize() {
if (!this.more) {
return;
}
if (this.isOpen) {
this.more.style.height = 'auto';
setTimeout(this.openMore.bind(this), 100);