Orbit/app/views/admin/roles/sub_role_field.html.erb

<% content_for :side_bar do %>
  <%= render :partial => 'layouts/side_bar', :locals => {:link_name => t(:member), :link_url => admin_site_site_info_path(@site), :icon => 'icons-group', :side_bar_content => 'admin/users_new_interface/side_bar'} %>
<% end %>

		<%= form_for @attribute,:url => eval("admin_#{@attribute_type}_path(@attribute)") ,:class=> "form-horizontal" do |f| %>
            <div class="site-map role-block">
                
				<div class="map-block back attributes">
					<h4><span><%=  @attribute.title+ t(:attributes)%> - <%=  @sub_attribute.title %></span></h4>
					<div id="attribute_field_list">
					<%= render :partial=>"attribute_field",:collection=>@sub_attribute.attribute_fields%>
					</div>
				</div>
				
				<div class="add-attributes form-actions pagination-right">
					<%= link_to content_tag(:i,t(:add_attribute_field),:class=>"icon-plus icon-white"),admin_role_add_attribute_field_path(@sub_attribute, :sub_role => {:id => @sub_attribute }),:class=>"btn btn-primary",:remote => true%>
				</div>
					
			</div>
			
            <div class="form-actions form-fixed pagination-right">
				<%#= f.hidden_field :id, :value => params[:role_id] if !params[:role_id].blank? %>
				<%= hidden_field_tag 'sub_role[id]', params[:role_id] if !params[:role_id].blank? %>
                <%= f.submit t(:submit),:class=>"btn btn-primary"%>  
				<%= link_to t('cancel'), get_go_back, :class=>"btn" %>				
            </div>
			
        <% end %>
		
<% content_for :page_specific_css do -%>
    <%= stylesheet_link_tag "member" %>
    <%= stylesheet_link_tag "site-map" %>
<% end %>

<% content_for :page_specific_javascript do -%>
    <script>
                var CloneTarget ;

                var NewNode;
                
        $(document).ready(function(){
            function checkSwitch() {
                $(".groups").addClass('disabled').has('.groups > .form-horizontal > div:not(.hide)').removeClass('disabled');
            }
            function checkMultipleInput() {
                $(".multipleInput").each(function() {
                    $(this).find('.controls').length==1 ? $(this).addClass("plural") : $(this).removeClass("plural")
                });
            }
            function removeInput(){
                $(".removeInput").live('click',function (){
                    $(this).parents(".controls").remove();
                    checkMultipleInput();
                    return false;
                });
            }
            checkSwitch();
            checkMultipleInput();
            removeInput();
            $(".remove_attribute").live('click',function(){
                $(this).siblings(".attribute_field_to_delete").val("true");
                $(this).parents(".form-horizontal").fadeOut("slow", function () { $(this).hide(); });
            });

            $(".help-block a").live('click',function (){
                CloneTarget = $(this).parents(".controls").prev(".multipleInput").find('.controls:last');
                NewNode = CloneTarget.clone();
                var index;
                NewNode.find("input").each(function(k,v){ 
                  index = CloneTarget.parents("div.control-group").find(".list_count").val()
                  field_name = CloneTarget.parents("div.control-group").find(".field_name").val()
                  ori_str = $(v).attr("name").replace(field_name,"");
                  lang = ori_str.match(/\[\D*\]/);
                  new_field_name = (field_name+"[" + (parseInt(index)+1) + "]" + lang);
                  $(v).attr("name",new_field_name);
                  })

                $(this).parents("div.control-group").find(".list_count").val(parseInt(index)+1)
                $(this).parents(".controls").prev(".multipleInput").append(NewNode);
                $(this).parents(".controls").prev(".multipleInput").find('.controls:last input').val("");
                removeInput();
                checkMultipleInput();
                return false;
            })
            $(".status select").each(function (i) {
                $(this).change(function () {
                    $(".status option:selected").eq(i).each(function () {
                        if($(this).attr("value")=="alumna") {
                            $(this).parents(".status").nextAll(".graduated").removeClass("hide");
                            $(this).parents(".status").nextAll(".graduated").find("select").removeAttr("disabled");
                        }else{
                            $(this).parents(".status").nextAll(".graduated").addClass("hide");
                            $(this).parents(".status").nextAll(".graduated").find("select").attr({disabled:''});
                        }
                    });
                })
            })
            $('.onoff').live('click',function () {
                if($(this).parents("h4").length==1) {
                    $(this).parents(".map-block").toggleClass("disabled");
                    $(this).parents(".map-block").find(".form-horizontal").toggleClass("hide");
                    if($(this).parents(".map-block").hasClass("disabled")){
                        $(this).text("OFF");
                    }else{
                        $(this).text("ON");
                    }
                }
                if($(this).parents("legend").length==1) {
                    $(this).toggleClass("disabled");
                    $(this).parents("legend").next("div").toggleClass("hide");
                    if($(this).parents("legend").next("div").hasClass("hide")){
                        $(this).text("OFF");
                        $(this).siblings(".attribute_field_disabled").val("true");
                    }else{
                        $(this).text("ON");
                        $(this).siblings(".attribute_field_disabled").val("false");
                    }
                    checkSwitch();
                }
               return false;
            });
            $(".dataType").change(function () {
                        $(this).parents("legend").next("div").find("div[class^='type']").addClass("hide");
                        $(this).parents("legend").next("div").find("."+$(this).find("option:selected").attr("ref")).removeClass("hide");
                })
        });
    </script>
<% end -%>