% rebase('base.tpl')

<script src="/vendor/vue/vue.js"></script>
<script src="/vendor/vue-3d-model/vue-3d-model.umd.js"></script>

<h1>
  Render {{name}}
</h1>
<h3>
  <i class="fa fa-folder-o" aria-hidden="true"></i>
  <a href="/list/{{current_dir}}">objects{{current_dir}}</a>
</h3>

<div class="model-wrap">
  %if model_type == "gltf":
		<div id="object">
      <model-gltf
        src="{{object_url}}"
        @on-mousemove="onMouseMove"
			>
      </model-gltf>
    </div>
	%end
  %if model_type == "obj":
		<div id="object">
      <model-obj src="{{object_url}}"></model-obj>
    </div>
	%end
  %if model_type == "fbx":
		<div id="object">
      <model-fbx src="{{object_url}}"></model-fbx>
    </div>
	%end
  %if model_type == "stl":
		<div id="object">
      <model-stl src="{{object_url}}"></model-stl>
    </div>
	%end

</div>

<script>
  new Vue({
    el: "#object"
  })
</script>