<div ng-controller="Developer.WorkspacesController" hawtio-card-bg>
    <div hawtio-breadcrumbs></div>
    <div hawtio-tabs></div>
    <div class="container-content ">
        <div class="container-fluid sj_fluid">
            <div class="row nav-content mb10 clear ">
                <ul class="nav nav-tabs sj_nav_taps fl" ng-show="navbarItems.length">
                    <li role="presentation" ng-repeat="item in navbarItems" class="{{item.class}}"><a href="#" ng-click="selectBatchItem(item)">{{item.label}}</a></li>
                </ul>
                <div class="fr sj_searchbox">
                    <input type="text" class="sj_search_input" ng-model="keyQuery" placeholder="请选择或输入关键字,多关键字请用空格隔开" onkeydown="if(event.keyCode==13){searchButton.click()}"/>
                    <a href="#" class="sj_search_btn" id="searchButton" ng-click="search()"></a>
                </div>
            </div>
            <div ng-hide="model.data.length" class="align-center">
                <p class="alert alert-info">当前没有可以查看的数据.</p>
            </div>
            <div ng-show="model.data.length">
                <table class="table table-striped table-bordered sj_content_table" hawtio-simple-table="tableConfig" id="tableConfig"></table>
                <div class="row clear">
                    <div class=" fl">
                        <!--<input type="checkbox" class="fl mr5 " style="margin-top: 8px;" />
                        <label class="fl mr5 " style="margin-top: 5px; font-style:nomal;">全选</label>-->
                        <span class="pull-right">&nbsp;</span>
                        <button class="btn pull-right sj_btn_grey " ng-disabled="!id && tableConfig.selectedItems.length == 0" ng-click="deletePrompt(id || tableConfig.selectedItems)">
                            <i class="glyphicon glyphicon-trash"></i> 删除
                        </button>
                        <span class="pull-right">&nbsp;</span>
                        <button class="btn pull-right sj_btn_grey " ng-disabled="!id && tableConfig.selectedItems.length == 0" ng-click="migrationClick.open(id || tableConfig.selectedItems)">
                            <i class="glyphicon glyphicon-export"></i> 迁移
                        </button>
                        <span class="pull-right">&nbsp;</span>
                        <button class="btn pull-right sj_btn_grey " ng-disabled="!id && tableConfig.selectedItems.length == 0" ng-click="createOracleService(id || tableConfig.selectedItems)">
                            <i class="glyphicon glyphicon-play-circle"></i> 启动
                        </button>
                    </div>
                    <ul class="fr sj_table_bottom">
                        <li class="mr5 ">当前显示1~{{model.data.length}}行，共{{model.data.length}}行。</li>
                        <li class="mr5 ">每页显示
                            <select ng-options="value for value in pageSizeChoses" ng-change="selectAction()" ng-model="options.currentTableSize"></select>行
                        </li>
                        <li class="mr5 ">当前页码</li>
                        <li>
                            <div class="hawtio-pager clearfix">
                                <label>{{options.currentPageNum}} / {{options.getPageSizeNum()}}</label>
                                <div class=btn-group>
                                    <button class="btn sj_btn_grey" ng-disabled="isEmptyOrFirst()" ng-click="first()"><i class="fa fa-fast-backward"></i></button>
                                    <button class="btn sj_btn_grey" ng-disabled="isEmptyOrFirst()" ng-click="previous()"><i class="fa fa-step-backward"></i></button>
                                    <button class="btn sj_btn_grey " ng-disabled="isEmptyOrLast()" ng-click="next()"><i class="fa fa-step-forward"></i></button>
                                    <button class="btn sj_btn_grey" ng-disabled="isEmptyOrLast()" ng-click="last()"><i class="fa fa-fast-forward"></i></button>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div modal="migrationClick.dialog.show ">
        <form name="selectFolder " class=" " ng-submit="migrationClick.onOk() ">
            <div class="modal-header sj_modal-header">
                <h4>数据迁移</h4></div>
            <div class="modal-body sj_modal_body">
                <div class="row sj_model_row">
                    <label class="col-sm-3 control-label sj_contro_label" for="selectedItem ">
                        请选择迁移集群
                    </label>
                    <select ng-model="migrationClick.selectedItem " class="col-sm-3 sj_modal_select" title="name of the new namespace " id="selectedItem " ng-options="x.name for x in volumes " />
                </div>
                <div class="form-group">
                    <div class="col-sm-12 alert alert-warning" ng-show="!volumes || volumes.length == 0">
                        <span class="help-block">

                            当前没有可以迁移的集群,请在数据集群配置页面进行配置！
                        </span>
                    </div>
                </div>
                <div ng-hide="!volumes || volumes.length == 0">
                    <treecontrol class="tree-classic" tree-model="migrationClick.selectedItem.folder" options="treeOptions" on-selection="showSelected(node)" selected-node="selectNode">
                        {{node.name}}
                    </treecontrol>
                </div>
            </div>
            <div class="modal-footer ">
                <input class="btn btn-primary sj_btn_blue" type="submit" ng-disabled="!selectNode || selectNode.children.length <= 0" value="确定">
                <button class="btn btn-warning cancel sj_btn_grey" type="button" ng-click="migrationClick.close()">取消</button>
            </div>
        </form>
    </div>
    <div class="prettify "></div>
</div>