{% extends "commerce/_layouts/cp" %} {% set crumbs = [ { label: 'Commerce ' ~ 'Settings'|t('commerce'), url: url('commerce/settings') }, { label: 'Line Item Statuses'|t('commerce'), url: url('commerce/settings/lineitemstatuses') } ] %} {% set selectedSubnavItem = 'settings' %} {% set fullPageForm = true %} {% set selectedTab = 'settings' %} {% import "_includes/forms" as forms %} {% block content %} {{ redirectInput('commerce/settings/lineitemstatuses') }} {% if lineItemStatus.id %} {% endif %} {{ forms.textField({ label: "Name"|t('commerce'), first: true, instructions: "What this status will be called in the CP."|t('commerce'), id: 'name', name: 'name', value: lineItemStatus.name, errors: lineItemStatus.getErrors('name'), required: true }) }} {{ forms.textField({ label: "Handle"|t('commerce'), instructions: "How you’ll refer to this status in the templates."|t('commerce'), id: 'handle', class: 'code', name: 'handle', value: lineItemStatus.handle, errors: lineItemStatus.getErrors('handle'), required: true }) }} {{ forms.hidden({ id: 'color', name: 'color', value: lineItemStatus.color }) }} {% set colorField %}
{{ lineItemStatus.color|t('commerce')|title }}
{% endset %} {{ forms.field({ label: 'Color'|t('commerce'), instructions: 'Choose a color to represent the order’s status'|t },colorField) }} {{ forms.checkboxField({ label: "New line items get this status by default"|t('commerce'), name: 'default', value: 1, checked: lineItemStatus.default, errors: lineItemStatus.getErrors('default') }) }} {% endblock %} {% js %} {% if not lineItemStatus.handle %}new Craft.HandleGenerator('#name', '#handle');{% endif %} $(function () { $colorSelect = $('#color-menu-btn'); new Garnish.MenuBtn($colorSelect, { onOptionSelect: function(data){ var val = $(data).data('val'); $('#color').val(val); var html = ""+Craft.uppercaseFirst(val); $colorSelect.html(html); } }); }); {% endjs %}