<script lang="ts">

import Vue from "vue"
import {TimeLine, TimelineState} from '../../timeline/timeline';
// import Pointer from './Pointer.vue';

export default Vue.extend({
    name: "timeline",
    // components: {
    //  'pointer' : Pointer
    // },
    data() {
        const initialState: TimelineState = {
            name: "timeline component.",
            cheffeTimeline: new TimeLine('lane-container', 'lane', 25) as TimeLine
        };
        return initialState;
    },
    methods: {
        instantiate () {
            console.log('instantiate this', this);
            console.log('timeline', this.cheffeTimeline);
            console.log('test', this.cheffeTimeline.test);
            this.cheffeTimeline.addRandomBlocks(10);
        }
    }
})

export interface TimelineState {
  name: string;
  cheffeTimeline: TimeLine;
}

export class TimeLine {

  private containerName: string;
  private itemName: string;

  public test: number = 2;

  public constructor (containerName: string, itemName: string, gutter: number) {

    this.containerName = containerName;
    this.itemName = itemName;
  }

  public addRandomBlocks (number: number) {
    // whatever
  }
}