/*
 * Copyright ©️ 2018 Galt•Space Society Construction and Terraforming Company 
 * (Founded by [Nikolai Popeka](https://github.com/npopeka),
 * [Dima Starodubcev](https://github.com/xhipster), 
 * [Valery Litvin](https://github.com/litvintech) by 
 * [Basic Agreement](http://cyb.ai/QmSAWEG5u5aSsUyMNYuX2A2Eaz4kEuoYWUkVBRdmu9qmct:ipfs)).
 * ​
 * Copyright ©️ 2018 Galt•Core Blockchain Company 
 * (Founded by [Nikolai Popeka](https://github.com/npopeka) and 
 * Galt•Space Society Construction and Terraforming Company by 
 * [Basic Agreement](http://cyb.ai/QmaCiXUmSrP16Gz8Jdzq6AJESY1EAANmmwha15uR3c1bsS:ipfs)).
 */

import MediaElement from "../MediaElement/MediaElement";
import PrettyName from "../PrettyName/PrettyName";
import ImageModal from "../../modals/ImageModal/ImageModal";

const fileSaver = require('file-saver');
const mime = require('mime/lite');
const _ = require('lodash');
const ipfsHelper = require('@galtproject/geesome-libs/src/ipfsHelper');

export default {
  template: require('./ContentManifestItem.html'),
  props: ['manifest', 'dbId', 'previewMode'],
  components: {MediaElement, PrettyName, ImageModal},
  async created() {
    this.setContent();
  },

  async mounted() {

  },

  methods: {
    setContent() {
      if (this.dbId) {
        this.setContentByDbId();
      } else {
        this.setContentByManifest();
      }
    },
    async setContentByDbId() {
      this.loading = true;
      const dbContent = await this.$coreApi.getDbContent(this.dbId);
      const manifestObj = await this.$coreApi.getObject(dbContent.manifestStorageId);
      this.setContentByManifest(manifestObj);
    },
    async setContentByManifest(manifestObj) {
      this.loading = true;
      if (manifestObj) {
        this.manifestObj = manifestObj;
      } else if (ipfsHelper.isIpldHash(this.manifest)) {
        this.manifestObj = await this.$coreApi.getObject(this.manifest);
      } else {
        this.manifestObj = this.manifest;
      }
      
      if(!this.manifestObj) {
        return;
      }

      this.srcLink = await this.$coreApi.getContentLink(this.manifestObj.content);
      this.previewSrcLink = await this.$coreApi.getContentLink(this.manifestObj.preview ? this.manifestObj.preview.medium.content : null);

      if (this.type == 'text') {
        this.content = await this.$coreApi.getContentData(this.contentId);
      }
      if (this.type == 'image' || this.type == 'video' || this.type == 'audio' || this.type == 'file') {
        this.content = this.srcLink;
      }
      this.loading = false;
    },
    download() {
      fileSaver.saveAs(this.srcLink, this.filename);
    },
    openImage() {
      this.$root.$asyncModal.open({
        id: 'image-modal',
        component: ImageModal,
        props: {'images': [this.srcLink]},
        options: {closeOnBackdrop: true}
      });
    }
  },

  watch: {
    type() {
      this.setContent();
    },
    manifest() {
      this.setContent();
    },
    dbId() {
      this.setContentByDbId();
    }
  },

  computed: {
    filename() {
      return _.last(this.srcLink.split('/')) + '.' + this.extension;
    },
    extension() {
      if (!this.manifestObj) {
        return null;
      }
      return this.manifestObj.extension || mime.getExtension(this.manifestObj.mimeType) || '';
    },
    type() {
      if (!this.manifestObj) {
        return null;
      }
      if (_.startsWith(this.contentType, 'image')) {
        return 'image';
      }
      if (_.startsWith(this.contentType, 'text')) {
        return 'text';
      }
      if (_.startsWith(this.contentType, 'video')) {
        return 'video';
      }
      if (_.startsWith(this.contentType, 'audio')) {
        return 'audio';
      }
      return 'file';
    },
    contentType() {
      return this.previewMode && this.manifestObj.preview ? this.manifestObj.preview.medium.mimeType : this.manifestObj.mimeType;
    },
    contentId() {
      return this.previewMode && this.manifestObj.preview ? this.manifestObj.preview.medium.content : this.manifestObj.content;
    }
  },
  data() {
    return {
      manifestObj: null,
      content: '',
      previewSrcLink: null,
      srcLink: null
    }
  },
}