{% extends "_layouts/cp" %} {% includeCssResource 'css/transforms.css' %} {% import "_includes/forms" as forms %} {% set crumbs = [ { label: "Settings"|t, url: url('settings') }, { label: "Assets"|t, url: url('settings/assets') }, { label: "Transforms"|t, url: url('settings/assets/transforms') } ] %} {% if transform is not defined and handle is defined %} {% set transform = craft.assets.getTransformByHandle(handle) %} {% if not transform %}{% exit 404 %}{% endif %} {% endif %} {% set isNewTransform = (transform is not defined or not transform.id) %} {% if isNewTransform %} {% set title = "Create a new image transform"|t %} {% else %} {% set title = transform.name|t %} {% endif %} {% set content %}
{% if not isNewTransform %}{% endif %} {{ forms.textField({ first: true, label: "Name"|t, id: 'name', name: 'name', value: (transform is defined ? transform.name : null), errors: (transform is defined ? transform.getErrors('name') : null), autofocus: true, required: true, translatable: true }) }} {{ forms.textField({ label: "Handle"|t, id: "handle", name: "handle", value: (transform is defined ? transform.handle : null), errors: (transform is defined ? transform.getErrors('handle') : null), required: true, translatable: true }) }} {% set modeInput %}
{% endset %} {{ forms.field({ label: "Mode"|t }, modeInput) }} {{ forms.textField({ label: "Width"|t, id: "width", name: "width", size: 5, value: (transform is defined ? transform.width : null), errors: (transform is defined ? transform.getErrors('width') : null), translatable: true }) }} {{ forms.textField({ label: "Height"|t, id: "height", name: "height", size: 5, value: (transform is defined ? transform.height : null), errors: (transform is defined ? transform.getErrors('height') : null), translatable: true }) }}
{% endset %} {% set js %} {% if transform is not defined or not transform.handle %}new Craft.HandleGenerator('#name', '#handle');{% endif %} $('#mode input').change(function() { if ($(this).val() == 'crop') { $('#position-container').removeClass('hidden'); } else { $('#position-container').addClass('hidden'); } }) {% endset %} {% includeJs js %}