(window.webpackJsonp=window.webpackJsonp||[]).push([[258],{352:function(module,exports){module.exports=function(obj){obj||(obj={});var __t,__p="";with(obj)__p+='<div onto-loader-new ng-if="loader" class="create-cluster-loader" message="getLoaderMessage" size="75"></div>\n\n<div class="modal-header">\n    <button type="button" class="close" ng-click="cancel()"></button>\n    <h3 class="modal-title">{{\'cluster_management.replace_nodes_dialog.title\' | translate}}</h3>\n</div>\n\n<div class="modal-body replace-cluster-nodes-dialog">\n    <div class="row">\n        <div class="col-lg-6">\n            <h5>{{\'cluster_management.replace_nodes_dialog.cluster_nodes_list\' | translate}}</h5>\n            <ul ng-if="clusterNodes && clusterNodes.length" class="list-group nodes-list">\n                <li ng-repeat="node in clusterNodes"\n                    ng-class="{\'list-group-item-danger\': node.shouldReplace}"\n                    class="list-group-item list-group-item-action list-group-item-node">\n                    <a ng-click="toggleNode($index, node)" class="d-flex justify-content-between align-items-center">\n                        <div class="location-item">\n                            <div class="logo-image"></div>\n                            {{node.endpoint}}\n                        </div>\n                        <div ng-if="node.isLocal">\n                            {{\'cluster_management.cluster_page.current_node\' | translate}}\n                        </div>\n                    </a>\n                </li>\n            </ul>\n            <div class="row">\n                <div class="col-xs-12">\n                    <div ng-if="leftNodesMajority" class="not-enough-nodes-error alert alert-danger mt-1">\n                        {{\'cluster_management.cluster_page.errors.cant_replace_majority_of_nodes\' | translate}}\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class="col-lg-6 remote-locations">\n            <h4>{{\'cluster_management.cluster_page.remote_locations\' | translate}}</h4>\n            <div class="locations-list mb-1">\n                <div class="location-item hoverable" ng-repeat="location in locations | orderBy: [\'endpoint\']"\n                     ng-class="location.error ? \'list-group-item-danger\' : \'\'"\n                     gdb-tooltip="{{location.error ? (\'cluster_management.cluster_page.errors.no_rpc_address\' | translate: {error: location.error}) : \'\' }}"\n                     ng-click="addNodeToList(location)">\n                    <div class="location d-flex">\n                        <div class="logo-image"></div>\n                        {{location.endpoint}}\n                    </div>\n                    <button class="btn btn-link p-0 secondary"\n                            gdb-tooltip="{{\'detach.location\' | translate}}" tooltip-placement="top"\n                            ng-click="deleteLocation($event, location)">\n                        <em class="icon-close"></em>\n                    </button>\n                </div>\n            </div>\n            <button type="button" id="addLocation" ng-click="addLocation()" class="btn btn-primary"><span\n                class="icon-plus"></span>{{\'attach.remote.location\' | translate}}\n            </button>\n        </div>\n    </div>\n    <div class="row">\n        <div class="col-xs-12 mb-1 mt-1">\n            <h5>{{\'cluster_management.replace_nodes_dialog.nodes_to_replace_label\' | translate}}</h5>\n            <ul ng-if="replacementNodes.length" class="selected-remote-locations list-group nodes-list">\n                <li ng-repeat="node in replacementNodes" class="list-group-item list-group-item-action list-group-item-node">\n                    <a ng-click="removeNodeFromList($index, node)"\n                       class="d-flex justify-content-between align-items-center"\n                       gdb-tooltip="{{\'cluster_management.cluster_page.remove_node_btn_tooltip\' | translate}}"\n                       tooltip-placement="top">\n                        <div class="location-item">\n                            <div class="logo-image"></div>\n                            {{node.endpoint}}\n                        </div>\n                    </a>\n                </li>\n            </ul>\n            <div ng-if="!replacementNodes.length" class="at-least-one-error alert alert-warning mt-1">\n                {{\'cluster_management.cluster_page.select_from_locations_hint\' | translate}}\n            </div>\n        </div>\n    </div>\n</div>\n\n<div class="modal-footer">\n    <button type="button" class="btn btn-secondary" ng-click="cancel()">{{\'common.cancel.btn\' | translate}}</button>\n    <button id="wb-replace-nodes-in-cluster-submit" class="btn btn-primary" ng-disabled="!permitNodesReplace()" ng-click="ok()">\n        {{\'common.ok.btn\' | translate}}\n    </button>\n</div>\n';return __p}}}]);