aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAeva Ntsc <aeva.ntsc@gmail.com>2012-10-15 10:10:32 -0500
committerChristopher Allan Webber <cwebber@dustycloud.org>2012-12-03 14:40:47 -0600
commit6645c4588b7e7f875aaee5bad89c11ffacde0111 (patch)
tree57ad4cba3724257a1557e911e0d0577ccc2da823
parent171dcbe3a80e13f4114a969f271dae1a1a5b3d7e (diff)
downloadmediagoblin-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.html33
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 %}