Synnefo

        var INVITATIONS_URL = "{% url invitations %}";

        var INVITATIONS_TITLE = "{% trans "Invitations" %}";

        var FEEDBACK_URL = "{% url feedback %}";

        var FEEDBACK_TITLE = "{% trans "Feedback" %}";

            // prepare ajax call to get called when user clicks on 

            // send error report button

            function initialize_error_report(cont, extra_data) {

                var cont = $(cont);

                var sel = function(sel) {return $(sel, cont)};

                var btn = sel(".send-btn");

                var extra_data = extra_data;

                // clear previous callbacks

                btn.unbind('click');

                btn.click(function(){

                    // wrap in its own try catch to avoid retriggering ajax_error

                    try {

                        var data = $.extend({'error_info': $.extend({}, extra_data)}, get_user_data());

                        var payload = {'feedback-msg': "Automated error report", 'feedback-data': JSON.stringify(data)};

                        $.ajax({

                            url: FEEDBACK_URL,

                            type: "POST",

                            data: $.param(payload),

                            beforeSend: function() {

                                sel(".send-btn").hide();

                                sel(".sending").fadeIn();

                            },

                            error: function() {

                                sel(".sending").hide();

                                sel(".errormsg").fadeIn();

                            },

                            success: function() {

                                sel(".sending").hide();

                                sel(".success").fadeIn();

                            }

                        });

                    } catch (err) {

                        console.error(err);

                    }

                });

            }

                fixed: false,

                   // refresh the whole page

                   location.reload();

                },

                onLoad: function() {

                    initialize_error_report($(this.getOverlay()), [status, serverID, action, responseText]);

                        <li class="invitations"><a class="action" href="#">{% trans "invitations" %}</a></li>

                        <li class="feedback"><a class="action" href="#">{% trans "feedback" %}</a></li>

            $(".close-msg-box").live('click', close_all_overlays);

            $(".usermenu .feedback").click(show_feedback_form);

    <a id="feedbackbox" rel="#feedback-form" href="#"></a>

            <span class="header-box">{% trans "Feedback form" %}</span>

                <div class="error-report">

                    <div class="send-btn">{% trans "send error report" %}</div>

                    <div class="sending">{% trans "sending...." %}</div>

                    <div class="errormsg">{% trans "cannot send error report" %}</div>

                    <div class="success">{% trans "report send successfully" %}</div>

                </div>

    <div class="modal" id="feedback-form" class="feedback notification-box">

        <h3 class="popup-header">

            <span class="header-box">{% trans "Feedback form" %}</span>

        </h3>

        <div class="popup-body">

            <div class="popup-body-inner">

                <div class="form-container">

                <p class="feedback-intro">

                {% blocktrans %}

                Feedback form intro text ..... .. ... .. ..... .. .. . .. . .. .. .. ...... .. .

                Feedback form intro text ..... .. ... .. ..... .. .. . .. . .. .. .. ...... .. .

                Feedback form intro text ..... .. ... .. ..... .. .. . .. . .. .. .. ...... .. .

                {% endblocktrans %}</p>

                <form id="feedback-form">

                    <label for="feedback-msg">{% trans "Feedback or question" %}</label>

                    <div class="description">{% trans "please describe here .... blah blah blah" %}</div>

                    <div class="empty-error-msg">{% trans "Please fill out the feedback form" %}</div>

                    <textarea name="feedback-msg" class="feedback-text"></textarea>

                    <input type="checkbox" name="submit-submit-data"/><label class="inline" for="submit-submit-data">{% trans "submit application data" %}</label>

                    <div class="description">{% trans "describe what application data checkbox does" %}</div>

                    <input type="submit" value="{% trans "submit feedback" %}" class="submit" />

                    <textarea name="feedback-data" class="data-text"></textarea>

                </form>

            </div>

            <div class="message sending">{% trans "submiting your data....." %}</div>

            <div class="message success">

                {% trans "thank you for submiting your feedback" %}

                <span class="close-msg-box"> {% trans "close feedback" %}</span></div>

            <div class="message errormsg">

                {% trans "some error occured submiting submiting your feedback, please try again later" %}

                <span class="close-msg-box"> {% trans "close feedback" %}</span></div>

            </div>

            </div>

        </div>

    </div>

    <div class="modal" id="notification-box" class="notification-box">