File: app/Resources/views/other/compose_email.html.twig

{% if smtp_ok == false %}
    <div class="nNote nWarning" style="margin-top: 12px;">
        <p>
            <span style="font-weight: normal;">{{ 'smtp_not_defined'|trans }}</span>
            {% if app.session.get('user_options').is_admin == false %}
            <br/>
            {{ 'contact_admin'|trans }}
            {% endif %}
        </p>
    </div>
{% endif %}

<div class="formRow">
    <form name="emailForm" id="emailForm" action="{{ path('email_send') }}" method="post">
        <label>{{ 'to'|trans }}:</label>
        <input type="text" name="email_to" id="email_to" value="{{ to }}" placeholder="{{ 'ie_emails'|trans }}" {% if smtp_ok == false %} disabled {% endif %} required/>

        <div class="clear"></div>

        <label>{{ 'subject'|trans }}:</label>
        <input type="text" name="email_subject" id="email_subject" value="{{ subject }}" placeholder="{{ 'subject'|trans }}" {% if smtp_ok == false %} disabled {% endif %} required/>

        <div class="clear"></div>

        <label>{{ 'message'|trans }}:</label>
        <textarea name="email_message" id="email_message" rows="4" placeholder="{{ 'message'|trans }}" {% if smtp_ok == false %} disabled {% endif %} required></textarea>

        <div class="clear"></div>

        <input type="hidden" name="file_ids" id="file_ids" value="{{ file_ids }}"/>

        <div class="fluid">

            <div class="grid2">
                <input type="button" name="email_send" id="email_send" value="{{ 'send'|trans }}" class="buttonS bLightBlue" style="margin-top: 10px;" {% if smtp_ok == false %} disabled {% endif %} />
                <img id="email_loader" src="{{ asset('images/elements/loaders/6.gif') }}" style="display: none; margin-top: 10px;"/>
            </div>

            <div class="grid10" style="text-align: right;">
                {% if show_files == true %}
                    <strong style="color: #436b80;">{{ 'attached_files'|trans }}</strong>
                    {% for f in files %}
                        <br/>
                        <a style="color: #BA6D6D;" href="{{ path('file_download', {'file_name': f.fileName, 'file_id': f.fileId}) }}">{{ f.fileName }}</a>
                    {% endfor %}
                {% endif %}
            </div>

        </div>

    </form>
</div>

{% if smtp_ok == true %}
<script type="text/javascript">
    $(document).ready(function () {
        $('body').on('click', '#email_send', function () {

            $("#email_send").hide("fast");
            $("#email_loader").show("fast");

            jQuery.ajax({
                url: '{{ path('email_send') }}',
                type: 'POST',
                data: {
                    email_subject: $("#email_subject").val(),
                    email_to: $("#email_to").val(),
                    email_message: $("#email_message").val(),
                    file_ids: $("#file_ids").val()
                },
                success: function (data) {
                    if (data.indexOf('email_sent') != -1) {
                        jQuery('#email_dialog').dialog('close')
                    } else {
                        alert(data);
                        $("#email_send").attr("disabled", false);
                        $("#email_send").show("fast");
                        $("#email_loader").hide("fast");
                    }
                }
            });
        });
    });
</script>
{% endif %}