198 lines
7.1 KiB
Plaintext
198 lines
7.1 KiB
Plaintext
<% data = action_data
|
|
@greeting_card_record = data["greeting_card_record"]
|
|
@categories = data["categories"]
|
|
@tags = data["tags"]
|
|
@module_app = data["module_app"]
|
|
@switch_form = data["switch_form"]
|
|
greeting_card_setting = data["greeting_card_setting"]
|
|
set_input_name_for_greeting_card('greeting_card_record')
|
|
@default_greeting_card_setting = data['default_greeting_card_setting']
|
|
email_regex = data['email_regex']
|
|
%>
|
|
<% if data['layout_type'] != 'index' %>
|
|
<%= render template: "greeting_cards/#{data['layout_type']}",:locals => { :data => data, :greeting_card_setting => greeting_card_setting } %>
|
|
<% else %>
|
|
<style type="text/css">
|
|
#new-greeting_card-question .form-horizontal .control-group > *{
|
|
font-size: 1.125em;
|
|
}
|
|
.default_picker label{
|
|
display: none;
|
|
}
|
|
.greeting_card-question .control-group{
|
|
flex-wrap: wrap;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.greeting_card-question .controls > *{
|
|
display: block;
|
|
}
|
|
.greeting_card-question .controls > script{
|
|
display: none;
|
|
}
|
|
.greeting_card-question .form-horizontal .control-label{
|
|
width: 24%;
|
|
max-width: 15em;
|
|
min-width: 7em;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
.greeting_card-question .form-horizontal .control-group .controls{
|
|
margin: 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
min-width: 10em;
|
|
max-width: 25em;
|
|
padding-left: 0;
|
|
padding: 0.5em;
|
|
}
|
|
.greeting_card-question .single-col.form-horizontal .control-group{
|
|
width: 100%;
|
|
}
|
|
.greeting_card-question .single-col.form-horizontal .control-group .controls{
|
|
width: 100%;
|
|
display: inline-flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
}
|
|
.greeting_card-question .greeting_card_form.multi-col.form-horizontal div[data-list="fields"]{
|
|
float: left;
|
|
}
|
|
.greeting_card-question .greeting_card_form.multi-col.form-horizontal .form-actions{
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
.greeting_card-question .form-horizontal input[type="text"],.greeting_card-question .form-horizontal select{
|
|
width: 97%;
|
|
}
|
|
.greeting_card-question .form-horizontal input[type="text"].hasDatepicker{
|
|
width: auto;
|
|
}
|
|
.greeting_card-question .form-horizontal .form-actions{
|
|
position: relative;
|
|
padding: 1em 0 0 0;
|
|
text-align: center;
|
|
}
|
|
.greeting_card-question .controls > input[type="radio"]:not(:first-child) {
|
|
margin-left: 0.5em;
|
|
}
|
|
.greeting_card-question .checkbox-inline:first-child {
|
|
margin-left: 0.625em;
|
|
}
|
|
</style>
|
|
<%= javascript_include_tag "greeting_card/konva.min" %>
|
|
<%= javascript_include_tag "greeting_card/konva_frontend" %>
|
|
<%= javascript_include_tag "greeting_card/card_preview" %>
|
|
<%= stylesheet_link_tag "greeting_card/konva_frontend" %>
|
|
<%= stylesheet_link_tag "greeting_card/card_preview" %>
|
|
<%= stylesheet_link_tag "custom_field" %>
|
|
<%# stylesheet_link_tag "jquery-ui-timepicker-addon" %>
|
|
<script type="text/javascript">
|
|
/*
|
|
$(document).ready(function(){
|
|
$('select[name="greeting_card_record[category_id]"]').change(function(){
|
|
var category_id = $(this).val()
|
|
$(this).parents('.greeting_card-question').eq(0).find('select[name="greeting_card_record[category_id]"]').val(category_id)
|
|
var id
|
|
if ($('form#'+category_id).length != 0){
|
|
id = category_id
|
|
}
|
|
else{
|
|
id = 'greeting_card-default-form'
|
|
}
|
|
if (id != $(this).parents('form').eq(0).attr('id')){
|
|
$(this).parents('.greeting_card-question').eq(0).find('form').hide()
|
|
$(this).parents('.greeting_card-question').eq(0).find('form#'+id).show()
|
|
}
|
|
})
|
|
})*/
|
|
|
|
|
|
var datepicker_fn = $.fn.datepicker
|
|
var datepicker = $.datepicker
|
|
$(document).ready(function(){
|
|
$('input:file').change(function(e){
|
|
var fileName = e.target.files[0].name;
|
|
$(this).parents(".file-selector").eq(0).find('.filename').html(fileName);
|
|
})
|
|
})
|
|
</script>
|
|
<%# javascript_include_tag "lib/bootstrap-datetimepicker" %>
|
|
<%# javascript_include_tag "jquery.ui.datepicker.monthyearpicker" %>
|
|
<%= javascript_include_tag 'validator' %>
|
|
<link href="/assets/greeting_card/greeting_card.css" media="screen" rel="stylesheet">
|
|
<div id="new-greeting_card-question" class="greeting_card-question">
|
|
<%= @switch_form.html_safe %>
|
|
</div>
|
|
|
|
<script type='text/javascript'>
|
|
// $(function(){
|
|
// $("#button-mail").click(function(){
|
|
// if( $("#greeting_card_record_name").val()!='' ) $("#greeting_card_record_name").css('border','');
|
|
// if( $("#greeting_card_record_email").val()!='' ) $("#greeting_card_record_email").css('border','');
|
|
// if( $("#greeting_card_record_title").val()!='' ) $("#greeting_card_record_title").css('border','');
|
|
// if( $("#greeting_card_record_content").val()!='' ) $("#greeting_card_record_content").css('border','');
|
|
|
|
// if( $("#greeting_card_record_name").val()=='' ) $("#greeting_card_record_name").css('border','1px solid #F00');
|
|
// if( $("#greeting_card_record_email").val()=='' ) $("#greeting_card_record_email").css('border','1px solid #F00');
|
|
// if( $("#greeting_card_record_title").val()=='' ) $("#greeting_card_record_title").css('border','1px solid #F00');
|
|
// if( $("#greeting_card_record_content").val()=='' ) $("#greeting_card_record_content").css('border','1px solid #F00');
|
|
// });
|
|
|
|
$('.greeting_card-question .required').each(function() {
|
|
var text = $(this).text()
|
|
if (text[0]!='*'){
|
|
$(this).text('*' + text);
|
|
}
|
|
});
|
|
|
|
// $('#new-greeting_card-question form') .submit(function() {
|
|
// $.post($(this).attr('action'), $(this).serializeArray());
|
|
// return false;
|
|
// });
|
|
// });
|
|
$(document).ready(function(){
|
|
function scrollIntoView(selector, offset = 0) {
|
|
window.scroll(0, document.querySelector(selector).offsetTop - offset);
|
|
}
|
|
var email_regex = "<%=email_regex%>";
|
|
if(email_regex.length != 0){
|
|
email_regex = new RegExp(email_regex);
|
|
var fv = new FormValidator($("#new_greeting_card_record"));
|
|
fv.validate_functions.check_email = function(value){
|
|
if (email_regex.test(value)) {
|
|
return true;
|
|
}else{
|
|
return false;
|
|
}
|
|
}
|
|
var submit_flag = false;
|
|
$(".greeting_card_form").each(function(i, form){
|
|
var $form = $(form);
|
|
if($form.length != 0 && $form.find('#greeting_card_record_mail').length != 0){
|
|
$form.submit(function(){
|
|
var email_field = $(this).find('#greeting_card_record_mail');
|
|
if(!submit_flag){
|
|
submit_flag = true;
|
|
if(email_regex.test(email_field.val())){
|
|
submit_flag = false;
|
|
}else{
|
|
email_field.css("border", "2px solid red");
|
|
scrollIntoView('#greeting_card_record_mail');
|
|
alert("<%=t('greeting_card.please_check_email_format')%>");
|
|
email_field.one("input",function(){
|
|
email_field.css("border", "");
|
|
})
|
|
submit_flag = false;
|
|
return false;
|
|
}
|
|
}
|
|
})
|
|
}
|
|
})
|
|
}
|
|
})
|
|
</script>
|
|
<% end %>
|