gray-release-rules-modal.html 5.61 KB
Newer Older
lepdou committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103
<form id="rulesModal" class="modal fade" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header panel-primary">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">
                    编辑灰度规则
                </h4>
            </div>
            <div class="modal-body form-horizontal">
                <div class="form-group"
                     ng-show="branch.parentNamespace.isPublic && !branch.parentNamespace.isLinkedNamespace">
                    <label class="control-label col-md-3 text-right">
                        <apollorequiredfield></apollorequiredfield>
                        灰度的AppId</label>
                    <div class="col-md-4">
                        <input type="text" class="form-control"
                               ng-model="branch.editingRuleItem.clientAppId"
                               ng-model-options='{ debounce: 300 }'
                               ng-change='initSelectIps()'
                        >
                    </div>
                </div>
                <div class="form-group"
                     ng-show="branch.parentNamespace.isPublic && !branch.parentNamespace.isLinkedNamespace">
                    <label class="control-label col-md-3 text-right">灰度应用规则</label>
                    <div class="col-md-9">
                        <label class="form-control-static radio-inline">
                            <input type="radio" name="ApplyToAllInstances" value="false"
                                   ng-checked="!branch.editingRuleItem.ApplyToAllInstances"
                                   ng-click="branch.editingRuleItem.ApplyToAllInstances = false">
                            应用到部分实例
                        </label>
                        <label class="form-control-static radio-inline">
                            <input type="radio" name="ApplyToAllInstances" value="true"
                                   ng-checked="branch.editingRuleItem.ApplyToAllInstances"
                                   ng-click="branch.editingRuleItem.ApplyToAllInstances = true">
                            应用到所有的实例
                        </label>
                    </div>
                </div>
                <div class="form-group" ng-show="!branch.editingRuleItem.ApplyToAllInstances">
                    <label class="control-label col-md-3 text-right">
                        <apollorequiredfield></apollorequiredfield>
                        灰度的IP</label>
                    <div class="col-md-9">
                        <div class="form-inline">
                            <div class="form-group">
                                <select class="rules-ip-selector" multiple="multiple">
                                    <option ng-repeat="instance in selectIps"
                                            ng-bind="instance.ip">
                                    </option>
                                </select>
                                <div ng-show="branch.parentNamespace.isPublic && !branch.parentNamespace.isLinkedNamespace">
                                    <small>(实例列表会根据输入的AppId自动过滤)</small>
                                </div>
                                <div style="margin-top: 5px">
                                    <small>没找到你想要的IP?可以<a ng-click="manual =! manual">手动输入IP</a></small>
                                </div>
                            </div>
                        </div>
                        <div class="form-inline" ng-show="manual">
                            <div class="form-group">
                                    <textarea class="form-control" ng-model="toAddIPs" rows="3"
                                              placeholder="输入IP列表,英文逗号隔开,输入完后点击添加按钮"></textarea>
                            </div>
                            <button class="btn-default btn add-rule"
                                    ng-click="batchAddIPs(branch, toAddIPs)">
                                添加
                            </button>
                        </div>
                    </div>
                </div>


                <div class="form-group" ng-show="!branch.editingRuleItem.ApplyToAllInstances">
                    <div class="col-md-offset-1 col-md-10 item-container">
                        <section class="btn-group item-info"
                                 ng-repeat="ip in branch.editingRuleItem.draftIpList">
                            <button type="button" class="btn btn-default" ng-bind="ip"></button>
                            <button type="button" class="btn btn-default dropdown-toggle"
                                    data-toggle="dropdown"
                                    ng-click="removeRule(branch.editingRuleItem, ip)">
                                <span class="glyphicon glyphicon-remove"></span>
                            </button>
                        </section>
                    </div>
                </div>

            </div>
            <div class="modal-footer">
                <button class="btn btn-default" ng-click="cancelEditItem(branch)">取消</button>
                <button class="btn btn-primary" ng-disabled="completeEditBtnDisable"
                        ng-click="completeEditItem(branch)">完成
                </button>
            </div>
        </div>
    </div>


</form>