import Vue from 'vue'
import App from './App.vue'
import store from './store'

import UIkit from 'uikit';
// Import UIkit icon set
import Icons from 'uikit/dist/js/uikit-icons';
UIkit.use(Icons);

Vue.config.productionTip = false

Vue.mixin({
  methods: {
    modalConfirm: function(modalText) {
      var context = this

      // Stop GPU preview to show modal
      context.$root.$emit('globalTogglePreview', false)
  
      var showModal = function(resolve, reject) {
        UIkit.modal.confirm(modalText)
        .then(function() {
          resolve()
        }, function () {
          reject()
        })
        .finally(function() {
          // Reenable the GPU preview, if it was active before the modal
          console.log("Re-enabling GPU preview")
          if (context.$store.state.settings.autoGpuPreview) {
            console.log("Re-enabling preview")
            context.$root.$emit('globalTogglePreview', true)
          }
        })
      }
      return new Promise(showModal)
    },

    modalNotify: function(message) {
      UIkit.notification({message: message, status: 'success'})
    },

    modalError: function(error) {
      console.log(error)
      var errormsg = ''

      // If a response was obtained
      if (error.response) {
        // If the response is a nicely formatted JSON response from the server
        if (error.response.data.message) {
          errormsg = `${error.response.status}: ${error.response.data.message}`
          console.log(errormsg)
        }
        // If the response is just some generic error response
        else {
          errormsg = `${error.response.status}: ${error.response.data}`
          console.log(errormsg)
        }
      // If the error occured during the request
      } else if (error.request) {
        errormsg = `${error.message}`
        console.log(errormsg)
      // Everything else
      } else {
        errormsg = `${error.message}`
        console.log(errormsg)
      }
      this.$store.dispatch('errorState', errormsg);
      UIkit.notification({message: `<span uk-icon=\'icon: warning\'></span> ${errormsg}`, status: 'danger'})
    }

  }
})

new Vue({
  store,
  render: h => h(App)
}).$mount('#app')