import { Component, OnInit, OnDestroy } from '@angular/core';

@Component({
    selector: 'cm-timeline-doc',
    templateUrl: './timeline-doc.component.html',
    styleUrls: ['./timeline-doc.component.css']
})

export class TimelineDocComponent implements OnInit, OnDestroy {
    apiPath = './docs/components/timeline-doc/timeline.api.json';

    doc_1 = {
        title: "基本用法",
        intro: `Timeline基础用法。`,
        htmlPath: './docs/components/timeline-doc/timeline-doc-1/timeline-doc-1.component.html',
        tsPath: './docs/components/timeline-doc/timeline-doc-1/timeline-doc-1.component.ts'
    }

    doc_2 = {
        title: "圆圈颜色",
        intro: `圆圈颜色，绿色用于已完成、成功状态，红色表示告警或错误状态，蓝色可表示正在进行或其他默认状态。`,
        htmlPath: './docs/components/timeline-doc/timeline-doc-2/timeline-doc-2.component.html',
        tsPath: './docs/components/timeline-doc/timeline-doc-2/timeline-doc-2.component.ts'
    }

    doc_3 = {
        title: "最后一个",
        intro: `在最后位置添加一个幽灵节点，表示时间轴未完成，还在记录过程中。可以指定ng-template 和 #pending。`,
        htmlPath: './docs/components/timeline-doc/timeline-doc-3/timeline-doc-3.component.html',
        tsPath: './docs/components/timeline-doc/timeline-doc-3/timeline-doc-3.component.ts'
    }

    doc_4 = {
        title: "自定义时间轴点",
        intro: `可以通过 ng-template 和 #custom 设置自定义元素。`,
        htmlPath: './docs/components/timeline-doc/timeline-doc-4/timeline-doc-4.component.html',
        tsPath: './docs/components/timeline-doc/timeline-doc-4/timeline-doc-4.component.ts'
    }

    constructor() {
    }

    ngOnInit() {

    }

    
    ngOnDestroy(){
        
    }
}