seminar/app/views/admin/seminars/template_setting.html.erb

265 lines
11 KiB
Plaintext
Raw Normal View History

2021-06-17 10:07:43 +00:00
<div id="dialog-image" title="<%=t("seminar.original_image")%>">
</div>
<%= form_for @seminar_template_setting, url: update_template_setting_admin_seminar_path(@seminar_template_setting), html: {class: "form-horizontal main-forms"} do |f| %>
<fieldset>
<%
multi_helper = Admin::SeminarsHelper::MultiLang
new_record = @seminar.new_record? && @seminar.copy_id.nil?
%>
<% content_for :page_specific_css do %>
<%= stylesheet_link_tag "lib/main-forms" %>
<%= stylesheet_link_tag "lib/fileupload" %>
<%= stylesheet_link_tag "lib/main-list" %>
<% end %>
<% content_for :page_specific_javascript do %>
<%= javascript_include_tag "lib/bootstrap-fileupload" %>
<%= javascript_include_tag "lib/bootstrap-datetimepicker" %>
<%= javascript_include_tag "lib/datetimepicker/datetimepicker.js" %>
<%= javascript_include_tag "lib/file-type" %>
<%= javascript_include_tag "lib/module-area" %>
<% end %>
<style type="text/css">
.col-sm-10.controls{
margin-left:0px;
}
.input-append input{
width: 150px;
}
.img_preview{
width: calc(20% - 2em);
float: left;
padding: 1em;
}
.image_group{
border: 0.1em solid #666;
margin-bottom: 0.3em;
}
</style>
<!-- Input Area -->
<div class="input-area">
<!-- Module Tabs -->
<div class="nav-name"><strong><%= t(:module) %></strong></div>
<ul class="nav nav-pills module-nav">
<li class="active"><a href="#basic" data-toggle="tab"><%= t(:basic) %></a></li>
<li><a href="#menu_setting" data-toggle="tab"><%= t('seminar.menu_setting') %></a></li>
<li><a href="#template_setting" data-toggle="tab"><%= t('seminar.template_setting') %></a></li>
<li><a href="#home_setting" data-toggle="tab"><%= t('seminar.home_setting') %></a></li>
</ul>
<!-- Module -->
<div class="tab-content module-area">
<!-- Basic -->
<div class="tab-pane fade in active" id="basic">
<!-- Enable custom template -->
<div class="control-group">
<label class="control-label muted"><%= t("seminar.custom_template") %></label>
<div class="controls">
<label class="checkbox inline">
<%= radio_button_tag "#{f.object_name}[enable_custom_template]", true , f.object.enable_custom_template == true %>
<%= t("seminar.custom_feature.enable") %>
</label>
</div>
<div class="controls">
<label class="checkbox inline">
<%= radio_button_tag "#{f.object_name}[enable_custom_template]", false , f.object.enable_custom_template == false %>
<%= t("seminar.custom_feature.disable") %>
</label>
</div>
</div>
</div>
<!-- Menu Setting Module -->
<div class="tab-pane fade in" id="menu_setting">
<!-- Display menu -->
<div class="control-group">
<label class="control-label muted"><%= t("seminar.display_menu") %></label>
<div class="controls">
<% SeminarTemplateSetting::DefaultMenu.each do |menu| %>
<label class="checkbox inline">
<%= check_box_tag "#{f.object_name}[display_menu][]", menu, f.object.display_menu.include?(menu) %>
<%= t("seminar.menu.#{menu}") %>
</label>
<% end %>
</div>
</div>
</div>
<!-- Template Setting Module -->
<div class="tab-pane fade in " id="template_setting">
<h4><%=t("seminar.background_style")%></h4>
<div>
<% last_idx = SeminarTemplateSetting.background_style_infos.count - 1 %>
<% SeminarTemplateSetting.background_style_infos.each_with_index do |(key,info),i| %>
<%= "<div style=\"clear: both;\">".html_safe if i % 5 == 0 %>
<div class="img_preview">
<a href="#" onclick="open_image_dialog(this)" data-key="<%=key%>" title="<%=t("seminar.click_to_view_original_image")%>">
<img src="<%=info["image"]%>" alt="<%=key%>">
</a>
<label>
<%= radio_button_tag "#{f.object_name}[background_style]", key , f.object.background_style == key %>
<%= key %>
</label>
</div>
<%= "</div>".html_safe if i % 5 == 4 || i == last_idx %>
<% end %>
</div>
<div style="clear: both;"></div>
<h4><%=t("seminar.content_style")%></h4>
<div>
<% last_idx = SeminarTemplateSetting.content_style_infos.count - 1 %>
<% SeminarTemplateSetting.content_style_infos.each_with_index do |(key,info),i| %>
<%= "<div style=\"clear: both;\">".html_safe if i % 5 == 0 %>
<div class="img_preview">
<a href="#" onclick="open_image_dialog(this)" data-key="<%=key%>" title="<%=t("seminar.click_to_view_original_image")%>">
<img src="<%=info["image"]%>" alt="<%=key%>">
</a>
<label>
<%= radio_button_tag "#{f.object_name}[content_style]", key , f.object.content_style == key %>
<%= key %>
</label>
</div>
<%= "</div>".html_safe if i % 5 == 4 || i == last_idx %>
<% end %>
</div>
</div>
<!-- Template Setting Module -->
<div class="tab-pane fade in " id="home_setting">
<!-- Announcement limit -->
<div class="control-group">
<label class="control-label muted"><%= t("seminar.announcement_limit") %></label>
<div class="controls">
<%= f.number_field :announcement_limit,{min: 0,max: 30} %>
</div>
</div>
<!-- Album limit -->
<div class="control-group">
<label class="control-label muted"><%= t("seminar.album_limit") %></label>
<div class="controls">
<%= f.number_field :album_limit,{min: 0,max: 30} %>
</div>
</div>
</div>
</div>
<!-- Language Tabs -->
<div class="nav-name"><strong><%= t(:language) %></strong></div>
<ul class="nav nav-pills language-nav">
<% @site_in_use_locales.each_with_index do |locale, i| %>
<li class="<%= 'active' if i == 0 %>">
<a data-toggle="tab" href=".<%= locale %>"><%= t(locale) %></a>
</li>
<% end %>
</ul>
<!-- Language -->
<div class="tab-content language-area">
<% @site_in_use_locales.each_with_index do |locale, i| %>
<div class="<%= locale %> tab-pane fade <%= ( i == 0 ) ? "in active" : '' %>">
<!-- Website Title-->
<div class="control-group input-title">
<label class="control-label muted"><%= t('seminar.website_title') %></label>
<div class="controls">
<%= f.fields_for :website_title_translations do |f| %>
<%= f.text_field locale, class: "input-block-level", placeholder: t('seminar.website_title'), value: (@seminar_template_setting.website_title_translations[locale] rescue nil) %>
<% end %>
</div>
</div>
<!-- Introduction -->
<!--<div class="control-group input-title">
<label class="control-label muted"><%= t('seminar.introduction') %></label>
<div class="controls">
<%= f.fields_for :introduction_translations do |f| %>
<%= f.text_field locale, class: "input-block-level", placeholder: t('seminar.introduction'), value: (@seminar_template_setting.introduction_translations[locale] rescue nil) %>
<% end %>
</div>
</div> -->
<!-- Footer info -->
<div class="control-group input-title">
<label class="control-label muted"><%= t('seminar.footer_info') %></label>
<div class="controls">
<%= f.fields_for :footer_info_translations do |f| %>
<%= f.text_field locale, class: "input-block-level", placeholder: t('seminar.footer_info'), value: (@seminar_template_setting.footer_info_translations[locale] rescue nil) %>
<% end %>
</div>
</div>
</div>
<% end %>
</div>
<div class="control-group">
<label class="control-label muted"><%= t('seminar.upload_banner') %></label>
<div class="controls">
<% if @seminar_template_setting && !@seminar_template_setting.seminar_banner_images.blank? %>
<div class="exist">
<% @seminar_template_setting.seminar_banner_images.each_with_index do |seminar_banner_image, i| %>
<%= f.fields_for :seminar_banner_images, seminar_banner_image do |f| %>
<%= render :partial => 'form_image', :object => seminar_banner_image, :locals => {:f => f, :i => i} %>
<% end %>
<% end %>
<hr>
</div>
<% end %>
<!-- Add -->
<div class="add-target">
</div>
<p class="add-btn controls">
<%= hidden_field_tag 'seminar_banner_image_count', @seminar_template_setting.seminar_banner_images.count %>
<a id="add_banner_image" class="trigger btn btn-small btn-primary"><i class="icons-plus"></i> <%= t(:add) %></a>
</p>
</div>
</div>
</div>
<!-- Form Actions -->
<div class="form-actions">
<%= get_referer_url[:seminarion] rescue "" %>
<%= f.submit t('submit'), class: 'btn btn-primary' %>
<input type="hidden" name="referer_url" value="<%= get_referer_url %>">
<%= link_to t('cancel'), admin_seminars_path, :class=>"btn" %>
</div>
<script>
function open_image_dialog(self){
window.image_src = $(self).find("img").attr("src");
window.image_alt = $(self).data("key");
$("#dialog-image").html("<img alt=\""+window.image_alt+"\" src=\""+window.image_src+"\">")
$( "#dialog-image" ).dialog({
resizable: true,
modal: true,
width: '80%',
minHeight: Math.floor($(window).height() * 0.95),
open: function(){
$("#dialog-image").html("<img alt=\""+window.image_alt+"\" src=\""+window.image_src+"\">");
$('[role=dialog]').css({top: Math.floor($(window).height() * 0.025),left: Math.floor($(window).width() * 0.1)})
},
close: function(){$( this ).dialog( "close" );}
});
}
$(document).on('click', '#add_banner_image', function(){
var new_id = $(this).prev().attr('value');
var old_id = new RegExp("new_seminar_banner_images", "g");
var on = $('.language-nav li.active').index();
var le = $(this).parent('.add-btn').prev('.add-target').children('.start-line').length;
$(this).prev().attr('value', parseInt(new_id) + 1);
$(this).parent().siblings('.add-target').append(("<%= escape_javascript(add_attribute 'form_image', f, :seminar_banner_images) %>").replace(old_id, new_id));
$(this).parent('.add-btn').prev('.add-target').children('.start-line').eq(le).children('.input-append').find('.tab-content').each(function() {
$(this).children('.tab-pane').eq(on).addClass('in active').siblings().removeClass('in active');
});
});
$(document).on('click', '.remove_existing_record', function(){
if(confirm("<%= I18n.t(:sure?)%>")){
$(this).children('.should_destroy').attr('value', 1);
$(this).parents('.start-line').hide();
}
});
</script>
<style type="text/css">
.remove_btn{
color: red;
font-weight: bold;
cursor: pointer;
}
</style>
</fieldset>
<% end %>