s434730/RandomSec
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fixed layout of extract operation dialog.

Browse Source 
git-svn-id: http://google-refine.googlecode.com/svn/trunk@233 7d457c2a-affb-35e4-300a-418c747d4874
This commit is contained in:
David Huynh 2010-03-08 00:45:29 +00:00
parent a1ec0ea8df
commit 12d5c6aba5
2 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/main/webapp/scripts/project/history-widget.js
View File

@ -128,13 +128,17 @@ HistoryWidget.prototype._showExtractOperationsDialog = function(json) {
"The following JSON code encodes the operations you have done that can be abstracted. " + "The following JSON code encodes the operations you have done that can be abstracted. " +
"You can copy and save it in order to apply the same operations in the future.").appendTo(body); "You can copy and save it in order to apply the same operations in the future.").appendTo(body);
var table = $('<table width="100%" cellspacing="0" cellpadding="0"><tr></tr></table>').appendTo(body)[0]; var table = $('<table width="100%" cellspacing="0" cellpadding="0"><tr></tr></table>')
.addClass("extract-operation-dialog-layout")
.appendTo(body)[0];
var leftColumn = table.rows[0].insertCell(0); var leftColumn = table.rows[0].insertCell(0);
var rightColumn = table.rows[0].insertCell(1); var rightColumn = table.rows[0].insertCell(1);
$(leftColumn).width("50%"); $(leftColumn).width("50%");
$(rightColumn).width("50%").css("padding-left", "20px"); $(rightColumn).width("50%").css("padding-left", "20px");
var entryDiv = $('<div>').height("400px").css("overflow", "auto").appendTo(leftColumn); var entryDiv = $('<div>').addClass("extract-operation-dialog-entries").appendTo(leftColumn);
var entryTable = $('<table cellspacing="5"></table>').appendTo(entryDiv)[0]; var entryTable = $('<table cellspacing="5"></table>').appendTo(entryDiv)[0];
var createEntry = function(entry) { var createEntry = function(entry) {
var tr = entryTable.insertRow(entryTable.rows.length); var tr = entryTable.insertRow(entryTable.rows.length);
@ -161,10 +165,7 @@ HistoryWidget.prototype._showExtractOperationsDialog = function(json) {
var textarea = $('<textarea />') var textarea = $('<textarea />')
.attr("wrap", "off") .attr("wrap", "off")
.css("white-space", "pre") .addClass("extract-operation-dialog-textarea")
.css("font-family", "monospace")
.width("100%")
.height("400px")
.appendTo(rightColumn); .appendTo(rightColumn);
var updateJson = function() { var updateJson = function() {
var a = []; var a = [];

18
src/main/webapp/styles/project/history.css
View File

@ -85,3 +85,21 @@ a.history-entry:hover {
color: white; color: white;
text-decoration: none; text-decoration: none;
} }
table.extract-operation-dialog-layout td {
vertical-align: top;
}
.extract-operation-dialog-entries {
height: 400px;
overflow: auto;
}
textarea.extract-operation-dialog-textarea {
display: block;
margin: 0;
vertical-align: top;
white-space: pre;
font-family: monospace;
padding: 2%;
width: 96%;
height: 400px;
}