feedback.vm

<style type="text/css">
    .atlwdg-trigger {
        position: fixed;
        background: #013466;
        padding: 5px;
        border: 2px solid white;
        border-top: none;
        font-weight: bold;
        color: #577CBD;
        display: block;
        white-space: nowrap;
        text-decoration: none;
        font-family: arial, FreeSans, Helvetica, sans-serif;
        font-size: 12px;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
        border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        left: 100%;
        top: 40%;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
    }

    #feedbackDialog {
        display: none;
    }
</style>

<!-- Dialog section -->
<section role="dialog" id="demo-dialog" class="aui-layer aui-dialog2 aui-dialog2-medium"
         aria-hidden="true">
    <!-- Dialog header -->
    <header class="aui-dialog2-header">
        <h2 class="aui-dialog2-header-main"> CRM Feedback</h2>
    </header>
    <!-- Main dialog content -->
    <div class="aui-dialog2-content">
        <form id="feedbackForm" class="aui" enctype='multipart/form-data' method='post'
              action='http://jira.teamlead.ru/plugins/servlet/feedback/create'>
            <div class="field-group">
                <label for="feedback-issue-type-en">Type of treatment<span
                        class="aui-icon icon-required">required</span></label>
                <select id='feedback-issue-type-en' data-placeholder="Тип обращения..." name='feedback-issue-type'
                        class="select">
                    <option value='10'>How To</option>
                    <option value='27' selected>Bug</option>
                    <option value='4'>Idea</option>
                </select>
            </div>
            <br>

            <div class="field-group">
                <label for="feedback-summary-en">Short summary<span
                        class="aui-icon icon-required">required</span></label>
                <input type='text' id='feedback-summary-en' name='feedback-summary'
                       class="text" placeholder='The short summary' value='' required/>
            </div>
            <br>
            <fieldset>
                <div class="field-group">
                    <label for="feedback-body-en">Full summary<span
                            class="aui-icon icon-required">required</span></label>
                         <textarea class="textarea" id='feedback-body-en' name='feedback-body' rows='5'
                                   placeholder='You can put more details here...' required></textarea>
                </div>
            </fieldset>
            <br>
            <!-- E-mail -->
            <div class="field-group">
                <label for="feedback-email-en">E-mail<span class="aui-icon icon-required">required</span></label>
                <input class="text medium-field" type='text' id='feedback-email-en' name='feedback-email'
                       placeholder='Your E-mail'
                       size='38' value='' required/>
            </div>
        </form>
    </div>
    <!-- Dialog footer -->
    <footer class="aui-dialog2-footer">
        <!-- Send button -->
        <div class="aui-dialog2-footer-actions">
            <button id="dialog-close-button" class="aui-button aui-button-primary">Send
            </button>
        </div>
    </footer>
</section>
<!-- Button for dialog trigger -->
<div class="atlwdg-trigger atlwdg-RIGHT">
    <a id="atlwdg-trigger" href="#">CRM Feedback</a>
</div>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type='text/javascript'>
    $(document).ready(function () {

        var jQuery = AJS.$;
        AJS.$("#feedback-issue-type-en").auiSelect2();

        jQuery('#atlwdg-trigger').click(function () {
            AJS.dialog2("#demo-dialog").show();
        });
        jQuery("#dialog-close-button").click(addFeedbackEn);
        function addFeedbackEn() {
            jQuery("#feedbackForm").submit(function (response) {
            });
        }
    });
</script>