Symfony Profiler

{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends '@admin/default_frame.twig' %}
{% set menus = ['product', 'product_edit'] %}
{% block title %}{{ 'admin.product.product_registration'|trans }}{% endblock %}
{% block sub_title %}{{ 'admin.product.product_management'|trans }}{% endblock %}
{% form_theme form '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
{% block javascript %}
<script>
$(document).on('drop dragover', function(e) {
e.preventDefault();
});
$(function() {
{% if has_class == false %}
if ($("#{{ form.class.stock_unlimited.vars.id }}").prop("checked")) {
$("#{{ form.class.stock.vars.id }}").attr("disabled", "disabled").val('');
} else {
$("#{{ form.class.stock.vars.id }}").removeAttr("disabled");
}
$("#{{ form.class.stock_unlimited.vars.id }}").on("click change", function() {
if ($(this).prop("checked")) {
$("#{{ form.class.stock.vars.id }}").attr("disabled", "disabled").val('');
} else {
$("#{{ form.class.stock.vars.id }}").removeAttr("disabled");
}
});
{% endif %}
// ファイルアップロード
// see https://pqina.nl/filepond/
var inputFileElement = document.querySelector('input[type=file]');
{% if eccube_config.locale == 'ja' or eccube_config.locale == 'en' %}
FilePond.setOptions(FilePondLocale_{{ eccube_config.locale }});
{% endif %}
FilePond.setOptions({
server: {
process: {
url: '{{ path('admin_product_image_process') }}',
headers: {
'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content'),
'X-Requested-With': 'XMLHttpRequest'
}
},
load: {
url: '{{ path('admin_product_image_load') }}?source=',
headers: {
'X-Requested-With': 'XMLHttpRequest'
}
},
revert: {
url: '{{ path('admin_product_image_revert') }}',
headers: {
'ECCUBE-CSRF-TOKEN': $('meta[name="eccube-csrf-token"]').attr('content'),
'X-Requested-With': 'XMLHttpRequest'
}
}
}
});
var pond = FilePond.create(inputFileElement, {
allowFileTypeValidation: true,
acceptedFileTypes: [
'image/gif',
'image/png',
'image/jpeg'
],
allowFileSizeValidation: true,
maxFileSize: 10000000,
maxFiles: 10,
allowBrowse: true,
allowDrop: true,
allowReorder: true,
labelIdle: '<i class="fa fa-cloud-upload fa-3x text-ec-lightGray mx-3 align-middle" aria-hidden="true" style="font-size: 40px"></i>{{ 'admin.common.drag_and_drop_image_description'|trans }}<span class="filepond--label-action">{{ 'admin.common.file_select'|trans }}</span>',
styleItemPanelAspectRatio: 0.5625,
// 保存されている画像のロード
files: [
{% for image in form.images %}
{
source: '{{ image.vars.value }}',
options: {
type: 'local'
}
},
{% endfor %}
// 追加してすぐの画像のロード. バリデーションエラーの場合など.
{% for add_image in form.add_images %}
{
source: '{{ add_image.vars.value }}',
options: {
type: 'local'
}
},
{% endfor %}
]
});
// 画像が追加されたら add_images にファイル名を追加する
var proto_add = '{{ form_widget(form.add_images.vars.prototype) }}';
pond.on('processfile', function(error, file) {
if (error) {
console.log(error);
} else {
$('#upload-zone').append(
$(proto_add.replace(/__name__/g, file.id))
.val(file.serverId)
.addClass('add_images')
);
}
});
// 画像が削除されたら delete_images にファイル名を追加する
var proto_del = '{{ form_widget(form.delete_images.vars.prototype) }}';
pond.on('removefile', function(error, file) {
if (error) {
console.log(error);
} else {
// file.serverId にはアップロードしたファイル名が格納される.
if (file.serverId) {
$('#upload-zone').append(
$(proto_del.replace(/__name__/g, file.id))
.val(file.serverId)
.addClass('del_images')
);
}
// 追加してすぐ削除した画像があれば削除する
$('#upload-zone').find('#admin_product_add_images_' + file.id).remove(); // 追加してすぐ削除した画像
$('#upload-zone').find('.add_images[value="' + file.filename + '"]').remove(); // 追加後, バリデーションエラーが発生した後に削除した画像
}
});
pond.on('initfile', function() {
$('#product_image_error').hide();
});
pond.on('error', function(error, file) {
var message = '{{ 'admin.common.upload_error'|trans }}';
if (error.main !== undefined) {
message = `${error.main}: ${error.sub}`;
}
$('#product_image_error')
.show()
.find('.form-error-message').text(message);
// エラーメッセージが表示されてからプレビューエリアのエラーメッセージを非表示にする
setTimeout(function() {
$('.filepond--file-status').hide();
}, 300);
});
// バリデーションエラーが出た場合に画像を保持するための hidden を追加しておく
var proto_image = '{{ form_widget(form.images.vars.prototype) }}';
{% for image in form.images %}
$('#upload-zone').append(
$(proto_image.replace(/__name__/g, '{{ loop.index0 }}'))
.val('{{ image.vars.value }}')
.addClass('images')
);
{% endfor %}
{% for add_image in form.add_images %}
$('#upload-zone').append(
$('{{ form_widget(add_image) }}')
.val('{{ add_image.vars.value }}')
.addClass('add_images')
);
{% endfor %}
{% for delete_image in form.delete_images %}
$('#upload-zone').append(
$('{{ form_widget(delete_image) }}').addClass('del_images')
);
{% endfor %}
// タグ管理
var mainTags = $('#allTags');
var adminProductTag = $('#admin_product_Tag');
$('input', adminProductTag).each(function() {
if ($(this).is(':checked')) {
$('button[data-tag-id="' + $(this).val() + '"]').removeClass('btn-outline-secondary').addClass('btn-outline-primary');
}
});
mainTags.on('click', 'button.btn', function() {
var btnTag = $(this);
var tagId = btnTag.data('tag-id');
if (btnTag.hasClass('btn-outline-primary')) {
btnTag.removeClass('btn-outline-primary').addClass('btn-outline-secondary');
$('input[value="' + tagId + '"]', mainTags).prop('checked', false);
} else {
btnTag.removeClass('btn-outline-secondary').addClass('btn-outline-primary');
$('input[value="' + tagId + '"]', mainTags).prop('checked', true);
}
});
var confirmFormChange = function(form, target, modal) {
var returnLink = form.find('input[type="hidden"][name*="return_link"]'),
saveBtn = modal.find('a[data-action="save"]'),
cancelBtn = modal.find('a[data-action="cancel"]');
modal.on('hidden.bs.modal', function() {
returnLink.val('');
});
saveBtn.on('click', function() {
returnLink.val($(this).data('return-link'));
$(this).addClass('disabled');
form.submit();
});
target.on('click', function() {
modal.find('.modal-body .screen-name').text($(this).attr('title'));
modal.modal('show');
saveBtn.data('return-link', $(this).attr('href'));
cancelBtn.attr('href', $(this).attr('href'));
return false;
});
};
confirmFormChange($('#form1'), $('a[data-action="confirm"]'), $('#confirmFormChangeModal'))
});
// searchWordの実行
$('#search-category').on('input', function () {
searchWord($(this).val(), $('.category-li'));
});
</script>
{% endblock javascript %}
{% block main %}

<div class="modal fade" id="confirmFormChangeModal" tabindex="-1" role="dialog"
aria-labelledby="confirmFormChangeModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{{ 'admin.common.move_to_confirm_title'|trans }}</h5>
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close">
</button>
</div>
<div class="modal-body">
<p class="screen-name"></p>
</div>
<div class="modal-footer">
<a class="btn btn-ec-conversion" data-action="save" href="javascript:void(0)">
{{ 'admin.common.move_to_confirm_save_and_move'|trans }}
</a>
<a class="btn btn-ec-sub" data-action="cancel" href="javascript:void(0)">
{{ 'admin.common.move_to_confirm_move_only'|trans }}
</a>
</div>
</div>
</div>
</div>
<form role="form" name="form1" id="form1" method="post" action="" novalidate enctype="multipart/form-data">
{{ form_widget(form._token) }}
{{ form_widget(form.return_link) }}
<div class="row">
<div class="c-contentsArea__cols" style="padding-bottom:0px">
<div class="c-contentsArea__primaryCol">
<div class="c-primaryCol">
<div class="card rounded border-0 mb-4">
<div class="card-header">
<div class="row">
<div class="col-8">
<div class="d-inline-block">
<span class="card-title">
{{ 'admin.product.product__card_title'|trans }}
</span>
</div>
</div>
<div class="col-4 text-end">
<a data-bs-toggle="collapse" href="#basicConfig" aria-expanded="false"
aria-controls="basicConfig">
<i class="fa fa-angle-up fa-lg"></i>
</a>
</div>
</div>
</div>
<div class="collapse show ec-cardCollapse" id="basicConfig">
<div class="card-body">
{% if Product.id %}
<div class="row">
<div class="col-3">
<div>
<span>{{ 'admin.product.product_id'|trans }}</span>
</div>
</div>
<div class="col">
<p>{{ Product.id }}</p>
</div>
</div>
{% endif %}
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>{{ 'admin.product.name'|trans }}</span>
<span class="badge bg-primary ms-1">
{{ 'admin.common.required'|trans }}
</span>
</div>
</div>
<div class="col mb-2">
{{ form_widget(form.name) }}
{{ form_errors(form.name) }}
</div>
</div>
{% if has_class == false %}
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>{{ 'admin.product.product_code'|trans }}</span>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.class.code) }}
{{ form_errors(form.class.code) }}
</div>
</div>
</div>
<div class="row">
<div class="col-3">
<div>
<span>{{ 'admin.product.sale_type'|trans }}</span>
<span class="badge bg-primary ms-1">
{{ 'admin.common.required'|trans }}
</span>
</div>
</div>
<div class="col mb-2">
{{ form_widget(form.class.sale_type) }}
{{ form_errors(form.class.sale_type) }}
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>販売価格（見積商品は最低価格）</span>
<span class="badge bg-primary ms-1">
{{ 'admin.common.required'|trans }}
</span>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.class.price02) }}
{{ form_errors(form.class.price02) }}
</div>
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>{{ 'admin.product.stock'|trans }}</span>
<span class="badge bg-primary ms-1">
{{ 'admin.common.required'|trans }}
</span>
</div>
</div>
<div class="col">
<div>
{{ form_widget(form.class.stock) }}
{{ form_errors(form.class.stock) }}
{# TODO: form_layoutの調整 #}
{#<div class="form-check mb-2">#}
{#<input class="form-check-input"#}
{#id="{{ form.class.stock_unlimited.vars.id }}"#}
{#name="{{ form.class.stock_unlimited.vars.full_name }}"#}
{#type="checkbox"#}
{#value="{{ form.class.stock_unlimited.vars.value }}">#}
{#<label class="form-check-label"#}
{#for="{{ form.class.stock_unlimited.vars.id }}">#}
{#{{ 'admin.product.product.stock_unlimited'|trans }}#}
{#</label>#}
{#</div>#}
{{ form_widget(form.class.stock_unlimited) }}
{{ form_errors(form.class.stock_unlimited) }}
</div>
</div>
</div>
{% endif %}
<div class="row">
<div class="col-3">
<div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.product.image'|trans }}">
<span>{{ 'admin.product.image'|trans }}</span>
<i class="fa fa-question-circle fa-lg ms-1"></i>
<br>{{ 'admin.product.image_size'|trans }}
</div>
</div>
<div class="col mb-2">
<p id="message"></p>
<div id="upload-zone" class="rounded">
{{ form_widget(form.product_image, { attr : { style : 'display:none;' } }) }}
{{ form_errors(form.product_image) }}
</div>
<span class="invalid-feedback" id="product_image_error" style="display: none">
<span class="d-block">
<span class="form-error-icon badge bg-danger text-uppercase">{{ 'Error'|trans({}, 'validators') }}</span>
<span class="form-error-message"></span>
</span>
</span>
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top">
<span>カラー</span>
</div>
</div>
<div class="col mb-2">
<table class="table table-bordered">
<tr>
<th>カラー名</th>
<th>カラーコード</th>
<th>サンプル画像</th>
<th>設定</th>
</tr>
{% set disable_color = false %}
{% for i in 0..10 %}
{% if color and color|length >= i+1 %}
<tr id="color_list_{{ i }}">
<td>
<input type="text" class="form-control" id="color_name_{{ i }}" placeholder="カラー名" name="color[{{ i }}][name]" value="{{ color[i]['name'] }}">
</td>
<td>
<input type="text" class="form-control" id="color_code_{{ i }}" placeholder="カラーコード" name="color[{{ i }}][code]" value="{{ color[i]['code'] }}">
</td>
<td>
<input type="text" class="form-control" id="color_img_{{ i }}" placeholder="サンプル画像" name="color[{{ i }}][img]" value="{{ color[i]['img'] }}">
</td>
<td>
<button type="button" class="btn btn-danger" onclick="if(confirm('削除してよろしいですか？')){ $('#color_list_{{ i }}').remove(); }">削除</button>
</td>
</tr>
{% else %}
<tr id="color_list_{{ i }}" {% if disable_color %}style="display:none;"{% endif %}>
<td>
<input type="text" class="form-control" id="color_name_{{ i }}" placeholder="カラー名" name="color[{{ i }}][name]" value="">
</td>
<td>
<input type="text" class="form-control" id="color_code_{{ i }}" placeholder="カラーコード" name="color[{{ i }}][code]" value="">
</td>
<td>
<input type="text" class="form-control" id="color_img_{{ i }}" placeholder="サンプル画像" name="color[{{ i }}][img]" value="">
</td>
<td>
<button type="button" id="color_btn_{{ i }}" class="btn btn-danger" style="display:none;" onclick="if(confirm('削除してよろしいですか？')){$('#color_list_{{ i }}').remove();}">削除</button>
<button type="button" class="btn btn-warning" onclick="$('#color_list_{{ i + 1 }}').show();$('#color_btn_{{ i }}').show();$(this).hide();">追加</button>
</td>
</tr>
{% set disable_color = true %}
{% endif %}
{% endfor %}
</table>
{{ form_errors(form.search_word) }}
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>一覧スペック</span>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.list_spec, { attr : { rows : "4"} }) }}
{{ form_errors(form.list_spec) }}
</div>
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>一覧説明</span>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.description_list, { attr : { rows : "4"} }) }}
{{ form_errors(form.description_list) }}
</div>
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top"
title="{{ 'tooltip.product.description_detail'|trans }}">
<span>{{ 'admin.product.description_detail'|trans }}</span>
<i class="fa fa-question-circle fa-lg ms-1"></i>
</div>
</div>
<div class="col mb-2">
{{ form_widget(form.description_detail, { attr : { rows : "4"} }) }}
{{ form_errors(form.description_detail) }}
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>おすすめポイント</span>
</div>
</div>
<div class="col mb-2">
{{ form_widget(form.recommend_point, { attr : { rows : "3"} }) }}
{{ form_errors(form.recommend_point) }}
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>販売情報</span>
</div>
</div>
<div class="col mb-2">
{{ form_widget(form.sales_infomation, { attr : { rows : "3"} }) }}
{{ form_errors(form.sales_infomation) }}
</div>
</div>
{% if has_class == false %}
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>{{ 'admin.product.sale_limit'|trans }}</span>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.class.sale_limit) }}
{{ form_errors(form.class.sale_limit) }}
</div>
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top"
title="{{ 'tooltip.product.delivery_duration'|trans }}">
<span>{{ 'admin.product.delivery_duration'|trans }}</span>
<i class="fa fa-question-circle fa-lg ms-1"></i>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.class.delivery_duration) }}
{{ form_errors(form.class.delivery_duration) }}
</div>
</div>
</div>
{% if BaseInfo.option_product_delivery_fee %}
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>{{ 'admin.product.delivery_fee'|trans }}</span>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.class.delivery_fee) }}
{{ form_errors(form.class.delivery_fee) }}
</div>
</div>
</div>
{% endif %}
{% if BaseInfo.option_product_tax_rule %}
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>{{ 'admin.product.tax_rate'|trans }}</span>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.class.tax_rate) }}
{{ form_errors(form.class.tax_rate) }}
</div>
</div>
</div>
{% endif %}
{% endif %}
{% if has_class == false %}
{% for f in form.class|filter(f => f.vars.eccube_form_options.auto_render) %}
{% if f.vars.eccube_form_options.form_theme %}
{% form_theme f f.vars.eccube_form_options.form_theme %}
{{ form_row(f) }}
{% else %}
<div class="row">
<div class="col-3">
<span>{{ f.vars.label|trans }}</span>
</div>
<div class="col mb-2">
<div>
{{ form_widget(f) }}
{{ form_errors(f) }}
</div>
</div>
</div>
{% endif %}
{% endfor %}
{% endif %}
{% if has_class == false %}
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>メーカー</span>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.Maker) }}
{{ form_errors(form.Maker) }}
</div>
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>メーカーURL</span>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.makerurl) }}
{{ form_errors(form.makerurl) }}
</div>
</div>
</div>
<div class="row">
<div class="col-3">
<div class="d-inline-block">
<span>メーカー価格（見積商品は最低価格）</span>
</div>
</div>
<div class="col mb-2">
<div>
{{ form_widget(form.class.price01) }}
{{ form_errors(form.class.price01) }}
</div>
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="c-contentsArea__secondaryCol">
<div class="c-secondaryCol">
{% if id is not null %}
<div class="card rounded border-0 mb-4">
<div class="collapse show ec-cardCollapse" id="preview">
<div class="card-body">
<div class="d-block text-center">
<a class="btn w-100 btn-ec-regular"
target="_blank"
href="{{ url('product_detail', {id:id}) }}"
title="{{ 'admin.product.preview'|trans }}">{{ 'admin.product.preview'|trans }}</a>
</div>
</div>
</div>
</div>
{% endif %}
<div class="card rounded border-0 mb-4">
<div class="card-header">
<div class="row">
<div class="col-8">
<div class="d-inline-block">
<span class="card-title">{{ 'admin.product.category__product_card_title'|trans }}</span>
</div>
</div>
<div class="col-4 text-end">
<a data-bs-toggle="collapse" href="#category" aria-expanded="false"
aria-controls="category">
<i class="fa fa-angle-up fa-lg"></i>
</a>
</div>
</div>
</div>
<div class="collapse show ec-cardCollapse" id="category">
<div class="card-body">
<div class="mb-3">
<div class="row">
<div class="col">
<div class="input-group">
<div class="input-group-text">
<span id="basic-addon1">
<i class="fa fa-search"></i>
</span>
</div>
<input id="search-category" class="form-control" type="search"
placeholder="{{ 'admin.product.search_category'|trans }}"
aria-label="Search">
</div>
</div>
</div>
</div>
{% macro tree(ChoicedIds, Category, form) %}
{% import _self as selfMacro %}
<li class="c-directoryTree--registerItem category-li">
<input type="checkbox" id="admin_product_category_{{ Category.id }}" name="admin_product[Category][]" value="{{ Category.id }}" {% if Category.id in ChoicedIds %}checked{% endif %}>
<label for="admin_product_category_{{ Category.id }}">{{ Category.name }}</label>
<ul class="list-unstyled">
{% for child,ChildCategory in Category.children %}
{{ selfMacro.tree(ChoicedIds, ChildCategory, form) }}
{% endfor %}
</ul>
</li>
{% endmacro %}
<div class="c-directoryTree--register rounded border mb-3 p-3">
{% import _self as renderMacro %}
{% for TopCategory in TopCategories %}
<ul class="list-unstyled">
{{ renderMacro.tree(ChoicedCategoryIds, TopCategory, form.Category) }}
</ul>
{% endfor %}
{{ form_errors(form.Category) }}
</div>
<div class="d-block text-center">
<a class="btn w-100 btn-ec-regular"
data-action="confirm"
href="{{ path('admin_product_category') }}"
title="{{ 'admin.common.move_to_confirm_message'|trans({
'%name%' : 'admin.product.category_management'|trans}) }}">{{ 'admin.product.move_to_category'|trans }}</a>
</div>
</div>
</div>
</div>
<div class="card rounded border-0 mb-4">
<div class="card-header">
<div class="row">
<div class="col-8">
<div class="d-inline-block">
<span class="card-title">
{{ 'admin.product.tag__product_card_title'|trans }}
</span>
</div>
</div>
<div class="col-4 text-end">
<a data-bs-toggle="collapse" href="#tag" aria-expanded="false" aria-controls="tag">
<i class="fa fa-angle-up fa-lg"></i>
</a>
</div>
</div>
</div>
<div class="collapse show ec-cardCollapse" id="tag">
<div class="card-body">
{% if(Tags|length > 0) %}
{% for Tag in Tags %}
<div class="d-inline-block mb-2 me-2">
<button class="btn btn-outline-primary" type="button">{{ Tag.name }}</button>
</div>
{% endfor %}
{% endif %}
<div class="d-block mb-3" data-bs-toggle="collapse" href="#allTags" role="button"
aria-expanded="false" aria-controls="allTags">
<a>
<i class="fa fa-plus-square-o fw-bold me-1"></i>
<span class="fw-bold">{{ 'admin.product.save_tag'|trans }}</span>
</a>
</div>
<div class="collapse p-3 bg-ec-lightGray mb-3 ec-collapse show" id="allTags">
<div class="d-none">
{{ form_widget(form.Tag) }}
</div>
{% if(TagsList|length > 0) %}
{% for Tag in TagsList %}
<div class="d-inline-block mb-2 me-2">
<button class="btn btn-outline-secondary" type="button"
data-tag-id="{{ Tag.id }}">{{ Tag.name }}</button>
</div>
{% endfor %}
{% endif %}
<div class="d-block mb-3" data-bs-toggle="collapse" href="#allTags" role="button"
aria-expanded="false" aria-controls="allTags"></div>
</div>
<div class="d-block text-center">
<a href="{{ path('admin_product_tag') }}"
class="btn w-100 btn-ec-regular"
data-action="confirm"
title="{{ 'admin.common.move_to_confirm_message'|trans({
'%name%' : 'admin.product.tag_management'|trans }) }}">{{ 'admin.product.move_to_tag'|trans }}</a>
</div>
</div>
</div>
</div>
<div class="card rounded border-0 mb-4">
<div class="card-header">
<div class="row">
<div class="col-8">
<span class="card-title">{{ 'admin.product.create_date__card_title'|trans }}</span>
</div>
<div class="col-4 text-end">
<a data-bs-toggle="collapse" href="#update" aria-expanded="false"
aria-controls="update">
<i class="fa fa-angle-up fa-lg"></i>
</a>
</div>
</div>
</div>
<div class="collapse show ec-cardCollapse" id="update">
<div class="card-body">
<div class="row mb-2">
<div class="col">
<i class="fa fa-flag me-1"></i>
<span>{{ 'admin.common.create_date'|trans }}</span>
</div>
<div class="col">
<span>：{{ Product.create_date|date_min }}</span>
</div>
</div>
<div class="row mb-2">
<div class="col">
<i class="fa fa-refresh me-1"></i>
<span>{{ 'admin.common.update_date'|trans }}</span>
</div>
<div class="col">
<span>：{{ Product.update_date|date_min }}</span>
</div>
</div>
<div class="row mb-2">
<div class="col">
<i class="fa fa-user me-1"></i>
<span>{{ 'admin.common.last_updater'|trans }}</span>
</div>
<div class="col">
<span>：{{ Product.Creator ? Product.Creator.name }}</span>
</div>
</div>
</div>
</div>
</div>
<div class="card rounded border-0 mb-4">
<div class="card-header">
<div class="row">
<div class="col-8">
<div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top"
title="{{ 'tooltip.product.shop_memo'|trans }}">
<span class="card-title">
{{ 'admin.common.shop_memo'|trans }}
<i class="fa fa-question-circle fa-lg ms-1"></i>
</span>
</div>
</div>
<div class="col-4 text-end">
<a data-bs-toggle="collapse" href="#shopMemo" aria-expanded="false"
aria-controls="shopMemo">
<i class="fa fa-angle-up fa-lg"></i>
</a>
</div>
</div>
</div>
<div class="collapse show ec-cardCollapse" id="shopMemo">
<div class="card-body">
{{ form_widget(form.note, { attr : { rows : "8"} }) }}
{{ form_errors(form.note) }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="item_option" class="row" style="padding: 0 15px">
<div class="card rounded border-0 mb-4">
<div class="card-header">
<div class="row">
<div class="col-8">
<div class="d-inline-block">
<span class="card-title">商品価格設定</span>
</div>
</div>
<div class="col-4 text-end">
<a data-bs-toggle="collapse" href="#freeArea" aria-expanded="false"
aria-controls="freeArea">
<i class="fa fa-angle-up fa-lg"></i>
</a>
</div>
</div>
</div>
<div class="collapse show ec-cardCollapse" id="freeArea">
<div class="card-body" style="overflow-y: scroll;max-height: 700px;">
<table class="table table-bordered" id="product_option1">
<thead>
<tr>
<th>幅</th>
<th>奥行き</th>
<th>高さ</th>
<th>カラー</th>
<th>素材</th>
<th>メーカー価格</th>
<th>割引率</th>
<th>価格</th>
<th>基本工事費</th>
<th>設定</th>
</tr>
</thead>
<tbody>
{% set disable_pp = false %}
{% for i in 0..1600 %}
{% if pp and pp|length > i %}
<tr id="pp_list_{{ i }}">
<td>
<div style="display:none">{{ pp[i]['w'] }}</div>
<input type="text" class="form-control" id="pp_w_{{ i }}" placeholder="幅" name="pp[{{ i }}][w]" value="{{ pp[i]['w'] }}">
</td>
<td>
<div style="display:none">{{ pp[i]['d'] }}</div>
<input type="text" class="form-control" id="pp_d_{{ i }}" placeholder="奥行き" name="pp[{{ i }}][d]" value="{{ pp[i]['d'] }}">
</td>
<td>
<div style="display:none">{{ pp[i]['h'] }}</div>
<input type="text" class="form-control" id="pp_h_{{ i }}" placeholder="高さ" name="pp[{{ i }}][h]" value="{{ pp[i]['h'] }}">
</td>
<td>
<div style="display:none">{{ pp[i]['c'] }}</div>
<input type="text" class="form-control" id="pp_c_{{ i }}" placeholder="カラー" name="pp[{{ i }}][c]" value="{{ pp[i]['c'] }}">
</td>
<td>
<div style="display:none">{{ pp[i]['m'] }}</div>
<input type="text" class="form-control" id="pp_m_{{ i }}" placeholder="素材" name="pp[{{ i }}][m]" value="{{ pp[i]['m'] }}">
</td>
<td>
<input type="text" class="form-control" id="pp_mp_{{ i }}" placeholder="メーカー価格" name="pp[{{ i }}][maker_price]" value="{{ pp[i]['maker_price'] }}">
</td>
<td>
<input type="text" class="form-control" id="pp_s_{{ i }}" placeholder="割引率" name="pp[{{ i }}][sale]" value="{{ pp[i]['sale'] }}">
</td>
<td>
<input type="text" class="form-control" id="pp_p_{{ i }}" placeholder="価格" name="pp[{{ i }}][price]" value="{{ pp[i]['price'] }}">
</td>
<td>
<input type="text" class="form-control" id="pp_ct_{{ i }}" placeholder="基本工事費" name="pp[{{ i }}][ct]" value="{{ pp[i]['ct'] }}">
</td>
<td>
<button type="button" class="btn btn-danger" onclick="if(confirm('削除してよろしいですか？')){ $('#pp_list_{{ i }}').remove(); }">削除</button>
</td>
</tr>
{% else %}
<tr id="pp_list_{{ i }}" {% if disable_pp %}style="display:none;"{% endif %}>
<td>
<input type="text" class="form-control" id="pp_w_{{ i }}" placeholder="幅" name="pp[{{ i }}][w]" value="">
</td>
<td>
<input type="text" class="form-control" id="pp_d_{{ i }}" placeholder="奥行き" name="pp[{{ i }}][d]" value="">
</td>
<td>
<input type="text" class="form-control" id="pp_h_{{ i }}" placeholder="高さ" name="pp[{{ i }}][h]" value="">
</td>
<td>
<input type="text" class="form-control" id="pp_c_{{ i }}" placeholder="カラー" name="pp[{{ i }}][c]" value="">
</td>
<td>
<input type="text" class="form-control" id="pp_m_{{ i }}" placeholder="素材" name="pp[{{ i }}][m]" value="">
</td>
<td>
<input type="text" class="form-control" id="pp_mp_{{ i }}" placeholder="メーカー価格" name="pp[{{ i }}][maker_price]" value="">
</td>
<td>
<input type="text" class="form-control" id="pp_s_{{ i }}" placeholder="割引率" name="pp[{{ i }}][sale]" value="">
</td>
<td>
<input type="text" class="form-control" id="pp_p_{{ i }}" placeholder="価格" name="pp[{{ i }}][price]" value="">
</td>
<td>
<input type="text" class="form-control" id="pp_ct_{{ i }}" placeholder="基本工事費" name="pp[{{ i }}][ct]" value="">
</td>
<td>
<button type="button" id="pp_btn_{{ i }}" class="btn btn-danger" style="display:none;" onclick="if(confirm('削除してよろしいですか？')){$('#pp_list_{{ i }}').remove();}">削除</button>
<button type="button" class="btn btn-warning" onclick="$('#pp_list_{{ i + 1 }}').show();$('#pp_btn_{{ i }}').show();$(this).hide();">追加</button>
</td>
</tr>
{% set disable_pp = true %}
{% endif %}
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
<div class="card rounded border-0 mb-4">
<div class="card-header">
<div class="row">
<div class="col-8">
<div class="d-inline-block">
<span class="card-title">施工オプション設定</span>
</div>
</div>
<div class="col-4 text-end">
<a data-bs-toggle="collapse" href="#optionArea" aria-expanded="false"
aria-controls="optionArea">
<i class="fa fa-angle-up fa-lg"></i>
</a>
</div>
</div>
</div>
<div class="collapse show ec-cardCollapse" id="optionArea">
<div class="card-body" style="overflow-y: scroll;max-height: 700px;">
<table class="table table-bordered">
<tr>
<th>オプション名</th>
<th>依頼するテキスト</th>
<th>依頼しないテキスト</th>
<th>オプション価格</th>
<th rowspan="2">設定</th>
</tr>
<tr>
<th colspan="4">オプション説明</th>
</tr>
{% set disable_op = false %}
{% for i in 0..10 %}
{% if op and op|length >= i+1 %}
<tr id="op_list1_{{ i }}">
<td>
<input type="text" class="form-control" id="op_name_{{ i }}" placeholder="オプション名" name="op[{{ i }}][name]" value="{{ op[i]['name'] }}">
</td>
<td>
<input type="text" class="form-control" id="op_on_text{{ i }}" placeholder="依頼するテキスト" name="op[{{ i }}][on]" value="{{ op[i]['on'] }}">
</td>
<td>
<input type="text" class="form-control" id="pp_off_text_{{ i }}" placeholder="依頼しないテキスト" name="op[{{ i }}][off]" value="{{ op[i]['off'] }}">
</td>
<td>
<input type="text" class="form-control" id="op_price_{{ i }}" placeholder="オプション価格" name="op[{{ i }}][price]" value="{{ op[i]['price'] }}">
</td>
<td rowspan="2">
<button type="button" class="btn btn-danger" onclick="if(confirm('削除してよろしいですか？')){ $('#op_list1_{{ i }}').remove(); $('#op_list2_{{ i }}').remove(); }">削除</button>
</td>
</tr>
<tr id="op_list2_{{ i }}">
<td colspan="4">
<input type="text" class="form-control" id="op_comment_{{ i }}" placeholder="オプション説明" name="op[{{ i }}][comment]" value="{{ op[i]['comment'] }}">
</td>
</tr>
{% else %}
<tr id="op_list1_{{ i }}" {% if disable_op %}style="display:none;"{% endif %}>
<td>
<input type="text" class="form-control" id="op_name_{{ i }}" placeholder="オプション名" name="op[{{ i }}][name]" value="">
</td>
<td>
<input type="text" class="form-control" id="op_on_text{{ i }}" placeholder="依頼するテキスト" name="op[{{ i }}][on]" value="">
</td>
<td>
<input type="text" class="form-control" id="pp_off_text_{{ i }}" placeholder="依頼しないテキスト" name="op[{{ i }}][off]" value="">
</td>
<td>
<input type="text" class="form-control" id="op_price_{{ i }}" placeholder="オプション価格" name="op[{{ i }}][price]" value="">
</td>
<td rowspan="2">
<button type="button" id="op_btn_{{ i }}" class="btn btn-danger" style="display:none;" onclick="if(confirm('削除してよろしいですか？')){$('#op_list1_{{ i }}').remove();$('#op_list2_{{ i }}').remove();}">削除</button>
<button type="button" class="btn btn-warning" onclick="$('#op_list1_{{ i + 1 }}').show();$('#op_list2_{{ i + 1 }}').show();$('#op_btn_{{ i }}').show();$(this).hide();">追加</button>
</td>
</tr>
<tr id="op_list2_{{ i }}" {% if disable_op %}style="display:none;"{% endif %}>
<td colspan="4">
<input type="text" class="form-control" id="op_comment_{{ i }}" placeholder="オプション説明" name="op[{{ i }}][comment]" value="">
</td>
</tr>
{% set disable_op = true %}
{% endif %}
{% endfor %}
</table>
</div>
</div>
</div>
<div class="card rounded border-0 mb-4">
<div class="card-header">
<div class="row">
<div class="col-8">
<div class="d-inline-block">
<span class="card-title">オプション商品設定</span>
</div>
</div>
<div class="col-4 text-end">
<a data-bs-toggle="collapse" href="#optionItemArea" aria-expanded="false"
aria-controls="optionItemArea">
<i class="fa fa-angle-up fa-lg"></i>
</a>
</div>
</div>
</div>
<div class="collapse show ec-cardCollapse" id="optionItemArea">
<div class="card-body" style="overflow-y: scroll;max-height: 700px;">
<table class="table table-bordered">
<tr>
<th rowspan="2">商品画像</th>
<th>商品名</th>
<th>素材</th>
<th>カラー</th>
<th>価格</th>
<th>工事費</th>
<th rowspan="2">設定</th>
</tr>
<tr>
<th colspan="5">説明</th>
</tr>
{% set disable_oi = false %}
{% for i in 0 .. 1000 %}
{% if oi and oi|length > i %}
<tr id="oi_list1_{{ i }}">
<td rowspan="2">
<input type="file" class="form-control" id="oi_image_{{ i }}" placeholder="商品画像" name="oi[{{ i }}][image]">
</td>
<td>
<input type="text" class="form-control" id="oi_name_{{ i }}" placeholder="商品名" name="oi[{{ i }}][name]" value="{{ oi[i]['name'] }}">
</td>
<td>
<input type="text" class="form-control" id="oi_m_{{ i }}" placeholder="素材" name="oi[{{ i }}][m]" value="{{ oi[i]['m'] }}">
</td>
<td>
<input type="text" class="form-control" id="oi_c_{{ i }}" placeholder="カラー" name="oi[{{ i }}][c]" value="{{ oi[i]['c'] }}">
</td>
<td>
<input type="text" class="form-control" id="oi_price1_{{ i }}" placeholder="価格" name="oi[{{ i }}][price1]" value="{{ oi[i]['price1'] }}">
</td>
<td>
<input type="text" class="form-control" id="oi_price2_{{ i }}" placeholder="工事費" name="oi[{{ i }}][price2]" value="{{ oi[i]['price2'] }}">
</td>
<td rowspan="2">
<button type="button" class="btn btn-danger" onclick="if(confirm('削除してよろしいですか？')){ $('#oi_list1_{{ i }}').remove(); $('#oi_list2_{{ i }}').remove(); }">削除</button>
</td>
</tr>
<tr id="oi_list2_{{ i }}">
<td colspan="5">
<input type="text" class="form-control" id="oi_comment_{{ i }}" placeholder="説明" name="oi[{{ i }}][comment]" value="{{ oi[i]['comment'] }}">
</td>
</tr>
{% else %}
<tr id="oi_list1_{{ i }}" {% if disable_oi %}style="display:none;"{% endif %}>
<td rowspan="2">
<input type="file" class="form-control" id="oi_image_{{ i }}" placeholder="商品画像" name="oi[{{ i }}][image]">
</td>
<td>
<input type="text" class="form-control" id="oi_name_{{ i }}" placeholder="商品名" name="oi[{{ i }}][name]" value="">
</td>
<td>
<input type="text" class="form-control" id="oi_m_{{ i }}" placeholder="素材" name="oi[{{ i }}][m]" value="">
</td>
<td>
<input type="text" class="form-control" id="oi_c_{{ i }}" placeholder="カラー" name="oi[{{ i }}][c]" value="">
</td>
<td>
<input type="text" class="form-control" id="oi_price1_{{ i }}" placeholder="価格" name="oi[{{ i }}][price1]" value="">
</td>
<td>
<input type="text" class="form-control" id="oi_price2_{{ i }}" placeholder="工事費" name="oi[{{ i }}][price2]" value="">
</td>
<td rowspan="2">
<button type="button" id="oi_btn_{{ i }}" class="btn btn-danger" style="display:none;" onclick="if(confirm('削除してよろしいですか？')){$('#oi_list1_{{ i }}').remove();$('#oi_list2_{{ i }}').remove();}">削除</button>
<button type="button" class="btn btn-warning" onclick="$('#oi_list1_{{ i + 1 }}').show();$('#oi_list2_{{ i + 1 }}').show();$('#oi_btn_{{ i }}').show();$(this).hide();">追加</button>
</td>
</tr>
<tr id="oi_list2_{{ i }}" {% if disable_oi %}style="display:none;"{% endif %}>
<td colspan="5">
<input type="text" class="form-control" id="oi_comment_{{ i }}" placeholder="説明" name="oi[{{ i }}][comment]" value="">
</td>
</tr>
{% set disable_oi = true %}
{% endif %}
{% endfor %}
</table>
</div>
</div>
</div>
</div>
<div class="c-conversionArea">
<div class="c-conversionArea__container">
<div class="row justify-content-between align-items-center">
<div class="col-6">
<div class="c-conversionArea__leftBlockItem">
<a class="c-baseLink" href="{{ path('admin_product_page', { page_no : app.session.get('eccube.admin.product.search.page_no')|default('1') } ) }}"
data-action="confirm" title="{{ 'admin.common.move_to_confirm_message'|trans({'%name%' : 'admin.product.product_list'|trans }) }}">
<i class="fa fa-backward" aria-hidden="true"></i><span>{{ 'admin.product.product_list'|trans }}</span>
</a>
</div>
</div>
<div class="col-6">
<div id="ex-conversion-action" class="row align-items-center justify-content-end">
<div class="col-auto">
{{ form_widget(form.Status) }}
{{ form_errors(form.Status) }}
</div>
<div class="col-auto">
<button class="btn btn-ec-conversion px-5" type="submit">{{ 'admin.common.registration'|trans }}</button>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
{% endblock %}

app/template/admin/Product/product.twig line 1