diff options
author | Aeva Ntsc <aeva.ntsc@gmail.com> | 2012-10-15 10:10:32 -0500 |
---|---|---|
committer | Christopher Allan Webber <cwebber@dustycloud.org> | 2012-12-03 14:40:47 -0600 |
commit | 6645c4588b7e7f875aaee5bad89c11ffacde0111 (patch) | |
tree | 57ad4cba3724257a1557e911e0d0577ccc2da823 | |
parent | 171dcbe3a80e13f4114a969f271dae1a1a5b3d7e (diff) | |
download | mediagoblin-6645c4588b7e7f875aaee5bad89c11ffacde0111.tar.lz mediagoblin-6645c4588b7e7f875aaee5bad89c11ffacde0111.tar.xz mediagoblin-6645c4588b7e7f875aaee5bad89c11ffacde0111.zip |
made 3d viewer a little cleaner
-rw-r--r-- | mediagoblin/templates/mediagoblin/media_displays/stl.html | 33 |
1 files changed, 22 insertions, 11 deletions
diff --git a/mediagoblin/templates/mediagoblin/media_displays/stl.html b/mediagoblin/templates/mediagoblin/media_displays/stl.html index 30e1a0bb..6fd2b04d 100644 --- a/mediagoblin/templates/mediagoblin/media_displays/stl.html +++ b/mediagoblin/templates/mediagoblin/media_displays/stl.html @@ -33,20 +33,31 @@ test... <script> window.onload = function() { - thingiurlbase = "{{ request.staticdirect('/js/thingiview.js') }}"; - thingiview = new Thingiview("viewer"); - thingiview.setObjectColor('#821543'); - thingiview.initScene(); - thingiview.loadSTL("{{ display_media }}"); - - // note thingiview.setRotation(false) to turn off rotation... + thingiurlbase = "{{ request.staticdirect('/js/thingiview.js') }}"; + thingiview = new Thingiview("viewer"); + thingiview.setObjectColor('#821543'); + thingiview.initScene(); + thingiview.loadSTL("{{ display_media }}"); + thingiview.setRotation(false); } + window.rotate = false; + window.toggle_rotate = function () { + rotate = ! rotate; + thingiview.setRotation(rotate); + }; </script> -<div id="viewer" style="width:640px;height:480px"></div> - -<a href="{{ display_media }}">stl model</a> - +<div id="viewer" style="width:640px;height:480px;padding-bottom:4px;"></div +<p> + <a class="button_action" onclick="toggle_rotate()" + title="{%- trans %}Toggle Rotate{% endtrans -%}"> + {%- trans %}Toggle Rotate{% endtrans -%} + </a> + <a class="button_action" href="{{ display_media }}" + title="{%- trans %}Download{% endtrans -%}"> + {%- trans %}Download{% endtrans -%} + </a> +</p> {% endblock %} |