@@ -31,4 +31,5 @@ Ron Fox Kendou (concurrence bug) - the Styler rails plugin http://the.railsi.st - blueprint css http://www.blueprintcss.org - will_paginate http://github.com/mislav/will_paginate +many more... CREDITS.txt @@ -2,7 +2,25 @@ <%= javascript_include_tag 'fluo-tred' %> <script> + linkToCss('fluo-tred'); + + function repositionFooter (editorVisible) { + var f = byId('footer-block'); + if (editorVisible) { + var e = byId('editor') + f.style.top = "" + (e.offsetTop + e.offsetHeight + 15) + "px"; + f.style.position = 'absolute'; + } + else { + f.style.position = 'static'; + } + } + + function toggleEditor () { + repositionFooter(toggleVisibility('editor')); + } + </script> <div style="float: left;"> @@ -33,7 +51,7 @@ :title => 'cancels this expression, removes its branch from the process tree', :confirm => 'Are you sure ?' ) %> | - <%= link_to_function 'edit', 'toggleVisibility("editor")' %> | + <%= link_to_function 'edit', 'toggleEditor()' %> | <%= link_to 'back', :back %> <td> </tr> @@ -45,9 +63,9 @@ :expression, @expression, :url => { :action => 'update' }, - :html => { :method => :put }) do |f| + :html => { :method => :put, :onkeypress => 'return filterEnterKeyOut(event);' }) do |f| %> - <div id="editor" style="display: none;"> + <div id="editor"> <div id="editor-in"> @@ -67,7 +85,7 @@ :title => 'modifies the expression directly (warning this may ruin your process instance)', :confirm => 'Are you sure ?') %> | - <%= link_to_function 'cancel', 'toggleVisibility("editor")' %> | + <%= link_to_function 'cancel', 'toggleEditor()' %> | <%= link_to_function 'reset', 'tredReset()' %> | <%= link_to_function 'undo', 'FluoTred.undo("tred")' %> @@ -103,6 +121,7 @@ tred.onChange = function (tree) { FluoCan.renderFlow('editor-fluo', tree); FluoCan.crop('editor-fluo'); + repositionFooter(true); }; FluoCan.renderFlow('editor-fluo', original_tree); app/views/expressions/show.html.erb @@ -57,7 +57,7 @@ <%= yield :layout %> </div> - <div class="column span-24 first last"> + <div id="footer-block" class="column span-24 first last"> <div id="footer" class="column span-24 first last"> <div id="footer-left" class="column span-12 first"> <%= link_to_function('help', 'toggleHelp()') %> app/views/layouts/application.html.erb @@ -1,11 +1,9 @@ -// // $(whatever) style // function byId (i) { return document.getElementById(i); } // I know, but let's get js framework independent -// // links to a CSS file (in the document <HEAD/>) // function linkToCss (href) { @@ -23,7 +21,6 @@ function linkToCss (href) { // making sure that controller-related css are placed last } -// // when 'enter' is hit, will call 'func' // function onEnter (field, evt, func) { @@ -33,11 +30,18 @@ function onEnter (field, evt, func) { return false; } +function filterEnterKeyOut (evt) { + var e = evt || window.event; + var c = e.charCode || e.keyCode; + return (c != 13); +} + function toggleVisibility (i) { var e = i; if ((typeof e) == 'string') e = byId(i); if (e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; + return (e.style.display == 'block'); // true if now visible } function toggleHelp () { public/javascripts/application.js @@ -1,5 +1,9 @@ #editor { + display: none; + position: absolute; + background-color: white; + padding: 1px; } #editor-in { public/stylesheets/expressions.css bd21d7714910af68d3ec2f0a82d1b8df6117fb0d John Mettraux jmettraux@gmail.com http://github.com/jmettraux/ruote-web2/commit/c5ac4f185315b700f792623c354e2d3c7a09663a c5ac4f185315b700f792623c354e2d3c7a09663a 2009-04-05T21:27:54-07:00 2009-04-05T21:27:54-07:00 better positioning for the expression editor 77acbf304a51a54a102e3bceec0629072c32ace4 John Mettraux jmettraux@gmail.com