personal-journal/app/views/admin/journal_papers/writing_journal_setting.html.erb

<% # encoding: utf-8 %>
<div id="isotope">
            <div class="item element">
                <div class="detail w-a h-a">
                    <p class="totle">
						<a class="btn btn-small btn-primary pull-right" href="<%= admin_journal_paper_add_level_path('add') %>#myModal1" data-toggle="modal" data-remote="true"><i class="icon-plus"></i> <%= t('add')%></a>
                        <span><%= t("personal_journal.level_type") %></span>                        
                    </p>
                    <div class="detal-list my_scroll">
                        <div class="scrollbar">
                            <div class="track">
                                <div class="thumb">
                                    <div class="end"></div>
                                </div>
                            </div>
                        </div>
                        <div class="viewport">
                            <div class="overview">
                                <table id="level_types" class="table table-striped">
                                    <tbody>
										<%= render partial: 'list_level_type', collection: @journal_levels %>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="item element">
                <div class="detail w-a h-a">
                    <p class="totle">          
						<a class="btn btn-small btn-primary pull-right" href="<%= admin_journal_paper_add_author_type_path('add') %>#myModal2" data-toggle="modal" data-remote="true"><i class="icon-plus"></i> <%= t('add')%></a>
                        <span><%= t("personal_journal.author_type") %></span>
                    </p>
                    <div class="detal-list my_scroll">
                        <div class="scrollbar">
                            <div class="track">
                                <div class="thumb">
                                    <div class="end"></div>
                                </div>
                            </div>
                        </div>
                        <div class="viewport">
                            <div class="overview">
                                <table id="author_types" class="table table-striped">
                                    <tbody>
										<%= render partial: 'list_author_type', collection: @author_types %>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item element">
                <div class="detail w-a h-a">
                    <p class="totle">               
						<a class="btn btn-small btn-primary pull-right" href="<%= admin_journal_paper_add_paper_type_path('add') %>#myModal3" data-toggle="modal" data-remote="true"><i class="icon-plus"></i> <%= t('add')%></a>
                        <span><%= t("personal_journal.paper_type") %></span>
                    </p>
                    <div class="detal-list my_scroll">
                        <div class="scrollbar">
                            <div class="track">
                                <div class="thumb">
                                    <div class="end"></div>
                                </div>
                            </div>
                        </div>
                        <div class="viewport">
                            <div class="overview">
                                <table id="paper_types" class="table table-striped">
                                    <tbody>
										<%= render partial: 'list_paper_type', collection: @paper_types %>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-actions form-fixed pagination-right">
            <!-- <a class="btn btn-primary pull-right" href><i class="icon-plus icon-white"></i> 匯出</a>&nbsp;
            <a class="btn btn-primary pull-right" href><i class="icon-plus icon-white"></i> 匯入</a>&nbsp; -->
            <%= link_to content_tag(:i, nil, :class => 'icon-plus icon-white') + t('announcement.add_new'), new_admin_journal_paper_path, :class => 'btn btn-primary pull-right' %>
        </div>


		<div id="level_type_qe">
			<div style="display:none;" class="modal" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<%= render "level_type_qe" %>
			</div>
		</div>

		<div id="author_type_qe">
			<div style="display:none;" class="modal" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<%= render "author_type_qe" %>
			</div>
		</div>

		<div id="paper_type_qe">
			<div style="display:none;" class="modal" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<%= render "paper_type_qe" %>
			</div>
		</div>
		
        <div style="display:none;" class="modal" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">領域</h3>
            </div>
            <ul class="nav nav-tabs">
                <li class="active"><a href="#">中文</a></li>
                <li><a href="#">English</a></li>
            </ul>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="control-group">
                        <label class="control-label" for="inputvalue">名稱</label>
                        <div class="controls">
                            <input type="text" id="inputvalue" placeholder="Value">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                <button class="btn btn-primary">Save changes</button>
            </div>
        </div>