$webResourceManager.requireResource("com.atlassian.auiplugin:aui-forms")
$webResourceManager.requireResource("com.atlassian.auiplugin:aui-dialog2")
$webResourceManager.requireResource("com.atlassian.auiplugin:aui-select2")


<button id="dialog-show-button2" class="aui-button">创建Merge request</button>

<section id="demo-dialog2" class="aui-dialog2 aui-dialog2-medium aui-layer" data-aui-modal="true" role="dialog" aria-hidden="true">
    <header class="aui-dialog2-header">
        <h2 class="aui-dialog2-header-main">创建Merge request</h2>
        <button class="aui-dialog2-header-close" aria-label="close">
            <span class="aui-icon aui-icon-small aui-iconfont-close-dialog"></span>
        </button>
    </header>
    <div class="aui-dialog3-content">
        <form class="aui">
            <input type="hidden" id ="issueKey" name ="issueKey" value="$!issueKey">

            <div class="field-group">
                <label for="mr_source_branch"><span class="aui-icon icon-required">required</span> 选择应用 </label>
                <select class="select medium-long-field" id="component"  name="component" title="component select" onchange="findChilds()">
                    <option value="">请选择</option>
                    #foreach( $comp in $!components )
                        <option value="$comp.getId()" >$comp.getValue()</option>
                    #end
                </select>
            </div>

            <div class="field-group">
                <label for="mr_source_branch"><span class="aui-icon icon-required">required</span> 源分支 </label>
                <select class="select medium-long-field" id="source_branch" name="source_branch" title="source_branch select" >
                    <option value="">请选择</option>
                </select>
            </div>

            <div class="field-group">
                <label for="mr_target_branch"><span class="aui-icon icon-required">required</span> 目标分支 </label>
                <select class="select medium-long-field" id="target_branch" name="target_branch" title="target_branch select" >
                    <option value="">请选择</option>
                </select>
            </div>

            <div class="field-group">
                <label for="mr_title"><span class="aui-icon icon-required">required</span> 名称 </label>
                $!issueKey <input class="text"  type="text" id="title" name="title" title="Text input" maxlength="30" >
            </div>

            <div class="field-group">
                <label for="username">经办人 <span class="aui-icon icon-required">required</span></label>
                    <select id="assignee" name="assignee"
                            class="single-user-picker js-default-user-picker text medium-long-field">
                        <optgroup label="assignees" data-weight="1" class="medium-long-field">
                            <option value="">请选择</option>
                        </optgroup>
                    </select>

            </div>

            <div class="field-group">
                <label for="mr_description"> 描述 </label>
                <textarea class="textarea medium-long-field" type="textarea" id="description" rows="6" name="description"   maxlength="200" ></textarea>
            </div>

            <div class="field-group">
                <button class="aui-button  aui-button-primary" type="button" onclick="savetype2()">提交Merge Request</button>
                <button class="aui-button" type="button" onclick="quxiao2()">取消</button>
            </div>

        </form>
    </div>
</section>


<script type="text/javascript">

    AJS.$("#component").auiSelect2();
    AJS.$("#source_branch").auiSelect2();
    AJS.$("#target_branch").auiSelect2();

    // Shows the dialog when the "Show dialog" button is clicked
    AJS.$("#dialog-show-button2").on('click', function(e) {
        e.preventDefault();
        AJS.dialog2("#demo-dialog2").show();
    });

    // Hides the dialog
    AJS.$("#dialog-submit-button2").on('click', function (e) {
        e.preventDefault();
        AJS.dialog2("#demo-dialog2").hide();
    });

    function quxiao2(){
        AJS.dialog2("#demo-dialog2").hide();
        window.location.reload();
    }

    function findChilds() {
        var componentId = AJS.$("#component").val();
        var issuekey = AJS.$("#issueKey").val();
        var url = AJS.contextPath() + "/rest/devops/1.0/merge/"+issuekey+"/"+componentId;
        var option1 = "<option value=''>请选择</option>";
        var option2 = "<option value=''>请选择</option>";
        jQuery.ajax({
            type: "GET",
            url: url,
            dataType: "json",
            async: false,
            success: function (response) {
                //alert(11);
                //alert(response.childs);
                for (var i = 0; i < response.source_branchs.length; i++) {
                    option1 = option1 + "<option value='" + response.source_branchs[i].key + "'>" +response.source_branchs[i].value + "</option>";
                }

                for (var j = 0; j < response.target_branchs.length; j++) {
                    option2 = option2 + "<option value='" + response.target_branchs[j].key + "'>" +response.target_branchs[j].value + "</option>";
                }
            }
        });
        jQuery('#source_branch').empty()
        jQuery('#source_branch').append(option1);

        jQuery('#target_branch').empty()
        jQuery('#target_branch').append(option2);
    }

    function savetype2(){
        var jsonData = new Object();
        var issuekey = AJS.$("#issueKey").val();
        var component = AJS.$("#component").val();
        var source_branch = AJS.$("#source_branch option:selected").val();
        var target_branch = AJS.$("#target_branch option:selected").val();
        var title = AJS.$("#title").val();
        var description = AJS.$("#description").val();

        var assignee = AJS.$("#assignee option:selected").val();


        jsonData.issuekey=issuekey;
        jsonData.component=component;

        if(source_branch!=""){
            jsonData.source_branch=source_branch;
        }else {
            alert("请选择源分支！")
            return;
        }

        if(target_branch!=""){
            jsonData.target_branch=target_branch;
        }else {
            alert("请选择目标分支！")
            return;
        }

        var reg = /^[a-z0-9_]*$/; //正则

        if(title!=""){
            if(title.length<3){
                alert("名称至少3位长度！");
                return;
            }
            // if(!reg.test(title)){
            //     alert("只允许输入：小写字母、数字、下划线！");
            //     return;
            // }
            jsonData.title =title;
        }else {
            alert("请填写Merge Request名称！")
            return;
        }

        if (assignee !=""){
            jsonData.assignee =assignee;
        } else{
            alert("经办人不能为空！");
            return;
        }

        jsonData.description =description;

        var jsonObject = JSON.stringify(jsonData);
        console.log("jsonObject="+jsonObject);
        var url = AJS.contextPath() + "/rest/devops/1.0/merge/createMerge";
        console.log("url="+url);
        jQuery.ajax({
            type: "POST",
            url: url,
            data: jsonObject,
            dataType: "json",
            async: false,
            contentType: "application/json",
            success: function (response) {

                if (true == response.success) {
                    AJS.dialog2("#demo-dialog2").hide();
                    alert("操作成功！");
                    window.location.reload();
                } else {
                    alert(response.message);
                }
            }
        });
    }

</script>