import { Component, Vue, Prop, Provide } from 'vue-property-decorator';

@Component
export default class VsResults extends Vue {

    openAccessLicences: Array<string> = ['CC BY', 'CC BY-SA'];

    @Prop()
    data;

    get results() {
        return this.data;
    };

    truncate(text, limit) {
        text = text === undefined ? '' : text;
        const content = text.split(' ').slice(0, limit);
        return content.join(' ');
    };

    error(item) {
        delete item.thumb;
        this.$forceUpdate();
    };

    convert(unixtimestamp: number) {

        // Unixtimestamp
        // var unixtimestamp = document.getElementById('timestamp').value;
        // Months array
        var months_arr = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
        // Convert timestamp to milliseconds
        var date = new Date(unixtimestamp * 1000);
        // Year
        var year = date.getFullYear();
        // Month
        var month = months_arr[date.getMonth()];
        // Day
        var day = date.getDate();
        // Hours
        var hours = date.getHours();
        // Minutes
        var minutes = "0" + date.getMinutes();
        // Seconds
        var seconds = "0" + date.getSeconds();
        // Display date time in MM-dd-yyyy h:m:s format
        var convdataTime = month + '-' + day + '-' + year + ' ' + hours + ':' + minutes.substr(-2) + ':' + seconds.substr(-2);
        // document.getElementById('datetime').innerHTML = convdataTime;
        return convdataTime;
    };


}