personal_plugin_generator/app/views/admin/personal_plugin_fields/fields_setting.html.erb

120 lines
5.2 KiB
Plaintext

<% # encoding: utf-8 %>
<% content_for :page_specific_css do %>
<%= stylesheet_link_tag "lib/main-forms" %>
<%= stylesheet_link_tag "lib/fileupload" %>
<%= stylesheet_link_tag "lib/main-list" %>
<%= stylesheet_link_tag "lib/main-form-col2" %>
<style type="text/css">
.ui-helper-hidden-accessible{
display: none;
}
</style>
<% end %>
<% content_for :page_specific_javascript do %>
<%= javascript_include_tag "lib/bootstrap-datetimepicker" %>
<%= javascript_include_tag "lib/datetimepicker/datetimepicker.js" %>
<%= javascript_include_tag "lib/bootstrap-fileupload" %>
<%= javascript_include_tag "lib/file-type" %>
<%= javascript_include_tag "lib/module-area" %>
<% end %>
<h3 style="padding: 20px 20px 0;"><%= @personal_plugin_field.title %></h3>
<%= form_for @personal_plugin_field, url: admin_personal_plugin_field_update_fields_setting_path(@personal_plugin_field), html: {class: "form-horizontal main-forms previewable"} do |f| %>
<fieldset>
<!-- Input Area -->
<div class="input-area">
<h4><%= thead_field('backend_page') %></h4>
<div id="backend_page">
<%= render :partial => 'render_fields_check_table',locals: {:f=>f,:root_name=>'backend_fields',:page_name=>'index'} %>
<%= render :partial => 'render_fields_check_table',locals: {:f=>f,:root_name=>'backend_fields',:page_name=>'profile'} %>
<%= render :partial => 'render_fields_check_table',locals: {:f=>f,:root_name=>'backend_fields',:page_name=>'analysis',:access_field_types=>["date","date_time","year","year_month","time"]} %>
<%= render :partial => 'render_fields_check_table',locals: {:f=>f,:root_name=>'backend_fields',:page_name=>'sort_asc',:access_field_types=>["date","date_time","year","year_month","time"]} %>
<%= render :partial => 'render_fields_check_table',locals: {:f=>f,:root_name=>'backend_fields',:page_name=>'sort_desc',:access_field_types=>["date","date_time","year","year_month","time"]} %>
</div>
<h4><%= thead_field('frontend_page') %></h4>
<div id="frontend_page">
<%= render :partial => 'render_fields_check_table',locals: {:f=>f,:root_name=>'frontend_fields',:page_name=>'index'} %>
<%= render :partial => 'render_fields_check_table',locals: {:f=>f,:root_name=>'frontend_fields',:page_name=>'show'} %>
<%= render :partial => 'render_fields_check_table',locals: {:f=>f,:root_name=>'frontend_fields',:page_name=>'member_show'} %>
</div>
</div>
<!-- Form Actions -->
<div class="form-actions">
<%= f.hidden_field :user_id, :value => params[:user_id] if !params[:user_id].blank? %>
<input type="hidden" name="referer_url" value="<%= request.referer %>">
<%= f.submit t('submit'), class: 'btn btn-primary' %>
<%= link_to t('cancel'), request.referer, :class=>"btn" %>
</div>
</fieldset>
<% end %>
<style type="text/css">
.icons-list-2{
cursor: all-scroll;
}
hr.border-hr{
border-top: 1px solid #dddddd;
margin-top: 8px;
padding-bottom: 8px;
margin-left: -8px;
margin-right: -8px;
margin-bottom: 0;
}
.table tbody td {
font-weight: bold;
}
</style>
<script type="text/javascript">
$(".select_all").click(function(){
$(this).parent().find("table input").prop("checked",true);
})
$(".de_select_all").click(function(){
$(this).parent().find("table input").prop("checked",false);
})
if($("#backend_fields_analysis input").length > 0){
$(".main-forms").submit(function(){
if($("#backend_fields_analysis input:checked").length == 0){
alert("<%=thead_field('please_choose_one_analysis_field')%>");
}else if($("#backend_fields_analysis input:checked").length > 1){
alert("<%=thead_field('analysis_field_can_only_choose_one')%>");
}else{
return true;
}
$('#backend_fields_analysis').css( 'border', '2px solid red');
window.location.href = "#backend_fields_analysis";
return false;
})
$('#backend_fields_analysis input').click(function(){
if($('#backend_fields_analysis input:checked').length == 1){
$('#backend_fields_analysis').css( 'border','');
}
})
$( ".sort_asc_fields, .sort_desc_fields" ).on("click", function(){
var _this = $(this);
if(_this.prop('checked')){
var other_field_class = _this.hasClass('sort_asc_fields') ? '.sort_desc_fields' : '.sort_asc_fields';
$(other_field_class).filter('[value="' + _this.attr('value') + '"]').prop('checked', false);
}
})
}
$( ".table tbody td" ).each(function(i,v){
$(v).attr("index",$(v).index());
$(v).html("<span class=\"brand ui-sortable-handle\"><i class=\"icons-list-2\"></i></span>" + $(v).html());
})
$( ".table tbody >" ).sortable({
axis: "x",
revert: true,
handle: ".brand",
update: function(event, ui) {
var new_index = ui.item.index();
var old_index = ui.item.attr("index");
var indices = [new_index,old_index].sort();
for(var new_i=indices[0];new_i<=indices[1];new_i++){
var td = ui.item.parent().find(">").eq(new_i);
var old_i =td.attr("index");
var org_i = td.data("index");
td.attr("index",new_i);
td.find('.fields_order_hidden_input').val(new_i);
}
}
});
</script>