<template>
  <div class="workspace workspace-grid">
    <div>
      <div class="static-element-header">3D View</div>
      <div class="static-element">
        <Solution3DView />
      </div>
    </div>
    <div>
      <div class="static-element-header">Selected Solution</div>
      <div class="static-element">
        <SolutionView />
      </div>
      <div class="static-element-header">All Solutions</div>
      <div class="static-element">
        <SolutionsTable />
      </div>
    </div>
    <Tooltip />
  </div>
</template>

<script>
import Solution3DView from "../components/Solution3dView";
import SolutionsTable from "../components/SolutionsTable";
import SolutionView from "../components/SolutionView";
import Tooltip from "../components/Tooltip"
import { mapActions, mapGetters } from "vuex";

export default {
  components: {
    Solution3DView,
    SolutionsTable,
    SolutionView,
    Tooltip
  },
  methods: {
    ...mapActions(["setToken"]),
  },

  created() {
    this.setToken({token: this.$route.params.jobId});
  },
};
</script>

<style>
</style>