From: Aeva Ntsc <aeva.ntsc@gmail.com>
Date: Mon, 15 Oct 2012 15:10:32 +0000 (-0500)
Subject: made 3d viewer a little cleaner
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=6645c4588b7e7f875aaee5bad89c11ffacde0111;p=mediagoblin.git

made 3d viewer a little cleaner
---

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 %}