2021-06-05 18:59:19 +02:00
|
|
|
% rebase('base.tpl')
|
|
|
|
|
2021-06-08 11:08:02 +02:00
|
|
|
<script src="/static/vendor/vue/vue.js"></script>
|
|
|
|
<script src="/static/vendor/vue-3d-model/vue-3d-model.umd.js"></script>
|
2021-06-05 18:59:19 +02:00
|
|
|
|
|
|
|
<h3>
|
|
|
|
<i class="fa fa-folder-o" aria-hidden="true"></i>
|
|
|
|
<a href="/list/{{current_dir}}">objects{{current_dir}}</a>
|
|
|
|
</h3>
|
2021-06-08 11:08:02 +02:00
|
|
|
<h4>
|
|
|
|
<span style="text-transform: uppercase">
|
|
|
|
{{ object['type'] }}:
|
|
|
|
</span>
|
|
|
|
{{name}}
|
|
|
|
</h4>
|
2021-06-05 18:59:19 +02:00
|
|
|
|
|
|
|
<div class="model-wrap">
|
2021-06-08 11:08:02 +02:00
|
|
|
<div id="object">
|
|
|
|
%if object['type'] == "gltf":
|
2021-06-05 18:59:19 +02:00
|
|
|
<model-gltf
|
2021-06-08 11:08:02 +02:00
|
|
|
src="{{ object['urls'][0] }}"
|
|
|
|
@on-mousemove="onMouseMove"
|
|
|
|
>
|
2021-06-05 18:59:19 +02:00
|
|
|
</model-gltf>
|
2021-06-08 11:08:02 +02:00
|
|
|
%end
|
|
|
|
%if object['type'] == "obj-mtl":
|
|
|
|
<model-obj
|
|
|
|
src="{{ object['urls'][0] }}"
|
|
|
|
mtl="{{ object['urls'][1] }}"
|
|
|
|
>
|
|
|
|
</model-obj>
|
|
|
|
%end
|
|
|
|
%if object['type'] == "obj":
|
|
|
|
<model-obj
|
|
|
|
src="{{ object['urls'][0] }}"
|
|
|
|
>
|
|
|
|
</model-obj>
|
|
|
|
%end
|
|
|
|
%if object['type'] == "fbx":
|
|
|
|
<model-fbx
|
|
|
|
src="{{ object['urls'][0] }}"
|
|
|
|
>
|
|
|
|
</model-fbx>
|
|
|
|
%end
|
|
|
|
%if object['type'] == "stl":
|
|
|
|
<model-stl
|
|
|
|
src="{{ object['urls'][0] }}"
|
|
|
|
>
|
|
|
|
</model-stl>
|
|
|
|
%end
|
|
|
|
</div>
|
2021-06-05 18:59:19 +02:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
new Vue({
|
|
|
|
el: "#object"
|
|
|
|
})
|
|
|
|
</script>
|