dynamicbible/DynamicBibleIonic/src/components/passage/passage.ts

import { Component, EventEmitter, Output, Input, OnInit, ElementRef } from "@angular/core";
import { OpenData, CardItem } from "../../pages/search/search";
import { BiblePassageResult, BibleService } from '../../services/bible-service';
import { Reference } from '../../libs/Reference';

@Component({
    selector: "passage",
    templateUrl: "passage.html",
    providers: [BibleService]
})
export class Passage implements OnInit
{
    @Output()
    onItemClicked = new EventEmitter<OpenData>();
    @Output()
    onClose = new EventEmitter<CardItem>();

    @Input()
    cardItem: CardItem;

    @Input()
    versesOnNewLine: boolean;

    data: BiblePassageResult;

    constructor(private bibleService: BibleService, private elementRef: ElementRef)
    {
    }

    ngOnInit(): void
    {
        let myref = new Reference(this.cardItem.qry);
        this.bibleService.getResultAsPromise(myref.Section).then(data => this.data = data);
    }

    close()
    {
        let d = 275;
        this.elementRef.nativeElement.parentElement.animate({
            transform: ['none', 'translate3d(110%, 0, 0)']
        }, {
                fill: 'forwards',
                duration: d,
                iterations: 1,
                easing: 'ease-in-out',
            });
        setTimeout(() =>
        {
            this.onClose.emit(this.cardItem);
        }, d);
    }

    openStrongs(strongs: string)
    {
        this.onItemClicked.emit({ card: this.cardItem, qry: this.cardItem.dict + strongs, from_search_bar: false });
    }

    openMenu(strongs: string)
    {
    }

    isPunct(c: string)
    {
        return new RegExp('^[\.\,\;\:\?\!]$').test(c)
    }
}