first upload all files
This commit is contained in:
@@ -0,0 +1,39 @@
|
||||
<script type="text/html" id="option-select-template">
|
||||
<div class="option-select <% if (optionId === undefined) { %> m-b-15 <% } %>">
|
||||
<div class="table-responsive">
|
||||
<table class="options table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th></th>
|
||||
<th>{{ trans('option::attributes.label') }}</th>
|
||||
<th>{{ trans('option::attributes.price') }}</th>
|
||||
<th>{{ trans('option::attributes.price_type') }}</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody
|
||||
<% if (optionId === undefined) { %>
|
||||
id="select-values"
|
||||
<% } else { %>
|
||||
id="option-<%- optionId %>-select-values"
|
||||
<% } %>
|
||||
>
|
||||
{{-- Custom option dropdown rows will be added here dynamically using JS --}}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn-default"
|
||||
<% if (optionId === undefined) { %>
|
||||
id="add-new-row"
|
||||
<% } else { %>
|
||||
id="option-<%- optionId %>-add-new-row"
|
||||
<% } %>
|
||||
>
|
||||
{{ trans('option::options.form.add_new_row') }}
|
||||
</button>
|
||||
</div>
|
||||
</script>
|
||||
@@ -0,0 +1,83 @@
|
||||
<script type="text/html" id="option-select-values-template">
|
||||
<tr class="option-row">
|
||||
<td class="text-center">
|
||||
<span class="drag-icon">
|
||||
<i class="fa"></i>
|
||||
<i class="fa"></i>
|
||||
</span>
|
||||
</td>
|
||||
<td>
|
||||
<input
|
||||
type="hidden"
|
||||
<% if (optionId === undefined) { %>
|
||||
name="values[<%- valueId %>][id]"
|
||||
id="values-<%- valueId %>-id"
|
||||
<% } else { %>
|
||||
name="options[<%- optionId %>][values][<%- valueId %>][id]"
|
||||
id="option-<%- optionId %>-values-<%- valueId %>-id"
|
||||
<% } %>
|
||||
|
||||
value="<%- value.id %>"
|
||||
>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
<% if (optionId === undefined) { %>
|
||||
name="values[<%- valueId %>][label]"
|
||||
id="values-<%- valueId %>-label"
|
||||
<% } else { %>
|
||||
name="options[<%- optionId %>][values][<%- valueId %>][label]"
|
||||
id="option-<%- optionId %>-values-<%- valueId %>-label"
|
||||
<% } %>
|
||||
|
||||
class="form-control"
|
||||
value="<%- value.label %>"
|
||||
>
|
||||
</td>
|
||||
<td>
|
||||
<input
|
||||
type="number"
|
||||
<% if (optionId === undefined) { %>
|
||||
name="values[<%- valueId %>][price]"
|
||||
id="values-<%- valueId %>-price"
|
||||
<% } else { %>
|
||||
name="options[<%- optionId %>][values][<%- valueId %>][price]"
|
||||
id="option-<%- optionId %>-values-<%- valueId %>-price"
|
||||
<% } %>
|
||||
class="form-control"
|
||||
value="<%- _.isObject(value.price) ? value.price.amount : value.price %>"
|
||||
step="0.01"
|
||||
min="0"
|
||||
>
|
||||
</td>
|
||||
<td>
|
||||
<select
|
||||
<% if (optionId === undefined) { %>
|
||||
name="values[<%- valueId %>][price_type]"
|
||||
id="values-<%- valueId %>-price_type"
|
||||
<% } else { %>
|
||||
name="options[<%- optionId %>][values][<%- valueId %>][price_type]"
|
||||
id="option-<%- optionId %>-values-<%- valueId %>-price_type"
|
||||
<% } %>
|
||||
class="form-control custom-select-black"
|
||||
>
|
||||
<option value="fixed"
|
||||
<%= value.price_type === 'fixed' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.price_types.fixed') }}
|
||||
</option>
|
||||
|
||||
<option value="percent"
|
||||
<%= value.price_type === 'percent' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.price_types.percent') }}
|
||||
</option>
|
||||
</select>
|
||||
</td>
|
||||
<td class="text-center">
|
||||
<button type="button" class="btn btn-default delete-row" data-toggle="tooltip" title="{{ trans('option::options.form.delete_row') }}">
|
||||
<i class="fa fa-trash"></i>
|
||||
</button>
|
||||
</td>
|
||||
</td>
|
||||
</script>
|
||||
@@ -0,0 +1,54 @@
|
||||
<script type="text/html" id="option-text-template">
|
||||
<div class="table-responsive option-text">
|
||||
<table class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{{ trans('option::attributes.price') }}</th>
|
||||
<th>{{ trans('option::attributes.price_type') }}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<input
|
||||
type="number"
|
||||
<% if (optionId === undefined) { %>
|
||||
name="values[0][price]"
|
||||
id="values-0-price"
|
||||
<% } else { %>
|
||||
name="options[<%- optionId %>][values][0][price]"
|
||||
id="option-<%- optionId %>-values-0-price"
|
||||
<% } %>
|
||||
class="form-control"
|
||||
value="<%- _.isObject(value.price) ? value.price.amount : value.price %>"
|
||||
>
|
||||
</td>
|
||||
<td>
|
||||
<select
|
||||
<% if (optionId === undefined) { %>
|
||||
name="values[0][price_type]"
|
||||
id="values-0-price-type"
|
||||
<% } else { %>
|
||||
name="options[<%- optionId %>][values][0][price_type]"
|
||||
id="option-<%- optionId %>-values-0-price-type"
|
||||
<% } %>
|
||||
class="form-control custom-select-black"
|
||||
>
|
||||
<option value="fixed"
|
||||
<%= value.price_type === 'fixed' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.price_types.fixed') }}
|
||||
</option>
|
||||
|
||||
<option value="percent"
|
||||
<%= value.price_type === 'percent' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.price_types.percent') }}
|
||||
</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</script>
|
||||
@@ -0,0 +1,147 @@
|
||||
<script type="text/html" id="option-template">
|
||||
<div class="content-accordion panel-group options-group-wrapper" id="option-<%- optionId %>">
|
||||
<div class="panel panel-default option">
|
||||
<div class="panel-heading">
|
||||
<h4 class="panel-title">
|
||||
<a data-toggle="collapse" data-parent="#option-<%- optionId %>" href="#custom-collapse-<%- optionId %>">
|
||||
<span class="drag-icon pull-left">
|
||||
<i class="fa"></i>
|
||||
<i class="fa"></i>
|
||||
</span>
|
||||
|
||||
<span id="option-name" class="pull-left">{{ trans('option::options.form.new_option') }}</span>
|
||||
</a>
|
||||
</h4>
|
||||
</div>
|
||||
|
||||
<div id="custom-collapse-<%- optionId %>" class="panel-collapse collapse in">
|
||||
<div class="panel-body">
|
||||
<div class="new-option clearfix">
|
||||
<input type="hidden" name="options[<%- optionId %>][id]" value="<%- option.id %>">
|
||||
|
||||
<div class="col-lg-6 col-md-12 p-l-0">
|
||||
<div class="form-group">
|
||||
<label for="option-<%- optionId %>-name">{{ trans('option::attributes.name') }}</label>
|
||||
<input type="text" name="options[<%- optionId %>][name]" class="form-control option-name-field" id="option-<%- optionId %>-name" value="<%- option.name %>">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-12 p-l-0">
|
||||
<div class="form-group">
|
||||
<label for="option-<%- optionId %>-type">{{ trans('option::attributes.type') }}</label>
|
||||
|
||||
<select name="options[<%- optionId %>][type]" class="form-control custom-select-black" id="option-<%- optionId %>-type">
|
||||
<option value=""
|
||||
<%= option.type === null ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.please_select') }}
|
||||
</option>
|
||||
|
||||
<optgroup label="{{ trans('option::options.form.option_types.text') }}">
|
||||
<option value="field"
|
||||
<%= option.type === 'field' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.field') }}
|
||||
</option>
|
||||
|
||||
<option value="textarea"
|
||||
<%= option.type === 'textarea' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.textarea') }}
|
||||
</option>
|
||||
</optgroup>
|
||||
|
||||
<optgroup label="{{ trans('option::options.form.option_types.select') }}">
|
||||
<option value="dropdown"
|
||||
<%= option.type === 'dropdown' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.dropdown') }}
|
||||
</option>
|
||||
|
||||
<option value="checkbox"
|
||||
<%= option.type === 'checkbox' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.checkbox') }}
|
||||
</option>
|
||||
|
||||
<option value="checkbox_custom"
|
||||
<%= option.type === 'checkbox_custom' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.checkbox_custom') }}
|
||||
</option>
|
||||
|
||||
<option value="radio"
|
||||
<%= option.type === 'radio' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.radio') }}
|
||||
</option>
|
||||
|
||||
<option value="radio_custom"
|
||||
<%= option.type === 'radio_custom' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.radio_custom') }}
|
||||
</option>
|
||||
|
||||
<option value="multiple_select"
|
||||
<%= option.type === 'multiple_select' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.multiple_select') }}
|
||||
</option>
|
||||
</optgroup>
|
||||
|
||||
<optgroup label="{{ trans('option::options.form.option_types.date') }}">
|
||||
<option value="date"
|
||||
<%= option.type === 'date' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.date') }}
|
||||
</option>
|
||||
|
||||
<option value="date_time"
|
||||
<%= option.type === 'date_time' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.date_time') }}
|
||||
</option>
|
||||
|
||||
<option value="time"
|
||||
<%= option.type === 'time' ? 'selected' : '' %>
|
||||
>
|
||||
{{ trans('option::options.form.option_types.time') }}
|
||||
</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="checkbox">
|
||||
<input type="hidden" name="options[<%- optionId %>][is_required]" value="0">
|
||||
|
||||
<input type="checkbox"
|
||||
name="options[<%- optionId %>][is_required]"
|
||||
class="form-control"
|
||||
id="option-<%- optionId %>-is-required"
|
||||
value="1"
|
||||
<%= option.is_required ? 'checked' : '' %>
|
||||
>
|
||||
|
||||
<label for="option-<%- optionId %>-is-required">{{ trans('option::attributes.is_required') }}</label>
|
||||
</div>
|
||||
|
||||
<button type="button" class="btn btn-default delete-option pull-right" data-toggle="tooltip" title="{{ trans('option::options.form.delete_option') }}">
|
||||
<i class="fa fa-trash"></i>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="option-values clearfix" id="option-<%- optionId %>-values">
|
||||
{{-- Custom option values will be added here dynamically using JS --}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
|
||||
@include('option::admin.options.templates.option.text')
|
||||
@include('option::admin.options.templates.option.select')
|
||||
@include('option::admin.options.templates.option.select_values')
|
||||
Reference in New Issue
Block a user