<template>
  <div>
    <router-link :to="linkRoute">
      <span>{{title}}</span><br>
      <span>{{year}} • {{publisher}} • {{runtime}} • {{pubTime}}</span>
    </router-link>
  </div>
</template>

<script>
  export default {
    data () {
      return {}
    },
    props: ['m'],
    computed: {
      year () {
        return '2000'
      },
      publisher () {
        if (this.am !== undefined) {
          return this.m['publisher-name']
        }
        if (this.oip !== undefined) {
          return 'Add Pubname to API'
        }
        return 'wut'
      },
      runtime () {
        return '3:50'
      },
      pubTime () {
        return 'yesterday'
      },
      title () {
        let oip = this.oip
        let am = this.am
        if (oip !== undefined) {
          return this.m.title
        }
        if (am !== undefined) {
          return am.info.title
        }
        return 'wut'
      },
      txid () {
        return this.m.txid
      },
      linkRoute () {
        return '/view/' + this.m.txid
      },
      oip () {
        return this.m['oip-041']
      },
      am () {
        if (this.m['media-data'] !== undefined) {
          return this.m['media-data']['alexandria-media']
        }
        return undefined
      }

    }
  }
</script>

<style>
</style>

<template>
  <div>
    <router-link :to="linkRoute">
      <div class="float-left on-left"><img src="../assets/video-icon.svg"/></div>
      <span>{{title}}</span><br>
      <span>{{year}} • {{publisher}} • {{runtime}} • {{pubTime}}</span>
    </router-link>
  </div>
</template>

<script>
  export default {
    data () {
      return {}
    },
    props: ['m'],
    computed: {
      year () {
        return '2000'
      },
      publisher () {
        if (this.am !== undefined) {
          return this.m['publisher-name']
        }
        if (this.oip !== undefined) {
          return 'Add Pubname to API'
        }
        return 'wut'
      },
      runtime () {
        return '3:50'
      },
      pubTime () {
        return 'yesterday'
      },
      title () {
        let oip = this.oip
        let am = this.am
        if (oip !== undefined) {
          return this.m.title
        }
        if (am !== undefined) {
          return am.info.title
        }
        return 'wut'
      },
      txid () {
        return this.m.txid
      },
      linkRoute () {
        return '/view/' + this.m.txid
      },
      oip () {
        return this.m['oip-041']
      },
      am () {
        if (this.m['media-data'] !== undefined) {
          return this.m['media-data']['alexandria-media']
        }
        return undefined
      }

    }
  }
</script>

<style>
</style>

Add type icon (video only)
Add type icon (video only)
