Commits

Luke Plant committed a53cd89

Moved Semantic editor buttons to the right hand panel

Comments (0)

Files changed (1)

semanticeditor/static/semanticeditor/javascript/wymeditor/plugins/semantic/wymeditor.semantic.js

     // Need to sync with presentation.py
     this.blockdefSelector = "h1,h2,h3,h4,h5,h6,p,ol,ul,blockquote,li,pre";
 
-    this.setupControls(jQuery(wym._box).find(".wym_area_bottom"));
+    this.setupControls(jQuery(wym._box).find(".wym_area_right"));
 }
 
 // ---- Setup and loading ----
     var self = this;
 
     // Create elements
-    container.after(
-        "<div class=\"prescontrol\">" +
-            "<input type=\"submit\" value=\"Clean pasted HTML\" id=\"" + cleanHtmlButtonId  +  "\" />" +
-            "<input type=\"submit\" value=\"Preview\" id=\"" + previewButtonId + "\" />" +
-            "<input type=\"submit\" id=\"" + showStylesButtonId + "\" />" +
+    container.prepend(
+        "<div class=\"prescontrol wym_panel\">" +
+            "<h2>Semantic editor</h2>" +
+            "<input type=\"submit\" value=\"Clean pasted HTML\" id=\"" + cleanHtmlButtonId  +  "\" /><br/>" +
+            "<input type=\"submit\" value=\"Preview\" id=\"" + previewButtonId + "\" /><br/>" +
+            "<input type=\"submit\" id=\"" + showStylesButtonId + "\" /><br/>" +
             "<div class=\"prescontrolerror\" id=\"" + idPrefix + "errorbox" + "\"></div>" +
         "</div>");
 
                 function(data) {
                     self.withGoodData(data,
                         function(value) {
-                            var btn = self.previewButton;
                             var box = self.previewBox;
-                            var pos = btn.offset();
+                            var pos = jQuery(self.wym._iframe).offset();
                             box.find(".content").html(value.html);
                             var height = box.outerHeight();
-                            box.css("top", pos.top - height - 20).css("left", pos.left);
+                            box.css("top", pos.top + 20).css("left", pos.left + 20);
                             box.show();
                         });
                 }, "json");
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.