galaxy/templates/admin/forms/edit_form_definition.mako

<%inherit file="/base.mako"/>
<%namespace file="/message.mako" import="render_msg" />

<script type="text/javascript">
$(document).ready(function(){
    //hide the all of the element with class msg_body
    $(".msg_body").hide();
    //toggle the componenet with class msg_body
    $(".msg_head").click(function(){
        $(this).next(".msg_body").slideToggle(450);
    });
});
</script>
<style type="text/css">
.msg_head {
    padding: 0px 0px;
    cursor: pointer;
}

}
</style>

<%def name="render_selectbox_options( index, field_attr )">
    %if field_attr[0] == 'Type':
        %if field_attr[1].get_selected( return_label=True ) == 'SelectField':
            <% options = field_attr[3] %>
            <div class="repeat-group-item">
                <div class="form-row">
                    <label> Options</label>
                    %for i, option in enumerate(options):
                        <div class="form-row">
                            <b> ${i+1}</b>
                            ${option[1].get_html()}                          
                            <input type="submit" name="removeoption_${index}_${i}" value="Remove"/>
                        </div>
                    %endfor
                </div>
            </div>
            <div class="form-row">
                <input type="submit" name="addoption_${index}" value="Add"/>
            </div>
        %endif
    %endif
</%def>

<%def name="render_field( index, field, saved )">
    %if saved:        
        <h4 class="msg_head"> 
            <div class="form-row">${index+1}. ${field[0][1].value} (${field[2][1].get_selected( return_value=True )})</div>
        </h4>
        <div class="msg_body">
    %else:
        <h4 class="msg_head"> 
            <div class="form-row">${index+1}. ${field[0][1].value}</div>
        </h4>
        <div class="msg_body2">
    %endif
        <div class="repeat-group-item">
            %for field_attr in field:
                <div class="form-row">
                    <label>${field_attr[0]}</label>
                    ${field_attr[1].get_html()}
                    ${render_selectbox_options( index, field_attr )}
                    %if len(field_attr) == 3:
                        <div class="toolParamHelp" style="clear: both;">
                           ${field_attr[2]}
                        </div>
                    %endif
                </div>
            %endfor
            <div class="form-row">
                <input type="submit" name="remove_button" value="Remove field ${index+1}"/>
            </div>
        </div>
    </div>
</%def>

<%def name="render_layout( index, widget )">
    <div class="repeat-group-item">
        <div class="form-row">
            <b> ${index+1}</b>
            ${widget.get_html()}
            <input type="submit" name="remove_layout_grid_button" value="Remove grid ${index+1}"/>
        </div>
   </div>
</%def>

<br/><br/>
<ul class="manage-table-actions">
    <li><a class="action-button" href="${h.url_for( controller='forms', action='view_latest_form_definition', id=trans.security.encode_id( form_definition.current.id ) )}">View</a></li>
</ul>

%if message:
    ${render_msg( message, status )}
%endif

<form id="edit_form_definition" name="edit_form_definition" action="${h.url_for( controller='forms', action='edit_form_definition', id=trans.security.encode_id( form_definition.current.id ) )}" method="post" >
    <div class="toolForm">
       <div class="toolFormTitle">Edit form definition "${form_definition.name | h}" (${form_definition.type | h})</div>
        %if response_redirect:
            <input type="hidden" name="response_redirect" value="${response_redirect}" size="40" />
        %endif
        %for label, input in form_details:
            <div class="form-row">
                %if label != 'Type':
                    <label>${label | h}</label>
                %endif
                <div style="float: left; width: 250px; margin-right: 10px;">
                    ${input.get_html()}
                </div>
                <div style="clear: both"></div>
            </div>
        %endfor
    </div>
    %if current_form_type == trans.app.model.FormDefinition.types.SAMPLE:
        <p/>
        <div class="toolForm">
            <div class="toolFormTitle">Form Layout</div>
            <div class="form-row">
                <label>Layout grid names</label>
            </div>
            %for index, lg in enumerate( layout_grids ):
                ${render_layout( index, lg )}
            %endfor
            <div class="form-row">
                <input type="submit" name="add_layout_grid_button" value="Add layout grid"/>
            </div>
        </div>
    %endif
    <p/>
    <div class="toolForm">
        <div class="toolFormTitle">Form definition fields</div>
        %for ctr, field in enumerate(field_details):
            %if ctr < len( form_definition.fields ):
                ${render_field( ctr, field, True )}
            %else:
                ${render_field( ctr, field, False )}
            %endif
        %endfor
        <div class="form-row">
            <input type="submit" name="add_field_button" value="Add field"/>
        </div>
        <div class="form-row">
            <div style="float: left; width: 250px; margin-right: 10px;">
                <input type="hidden" name="refresh" value="true" size="40"/>
            </div>
            <div style="clear: both"></div>
        </div>
    </div>
    <div class="form-row">
        <input type="submit" name="save_changes_button" value="Save"/>
    </div>
</form>