Skip to content

A
apollo
Switch branch/tag
Find file
Normal viewHistoryPermalink
setting.html 9.54 KB
Newer Older
admin can modify app information
8a39ccea
 
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 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 
<!doctype html>
<html ng-app="setting">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="icon" href="../img/config.png">
    <!-- styles -->
    <link rel="stylesheet" type="text/css" href="../vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../vendor/angular/angular-toastr-1.4.1.min.css">
    <link rel="stylesheet" type="text/css" media='all' href="../vendor/angular/loading-bar.min.css">
    <link rel="stylesheet" type="text/css" href="../styles/common-style.css">
    <link rel="stylesheet" type="text/css" href="../vendor/select2/select2.min.css">
    <title>项目管理</title>
</head>

<body>

<apollonav></apollonav>

<div class="container-fluid apollo-container project-setting" ng-controller="SettingController">
    <section class="col-md-10 col-md-offset-1 panel hidden">
        <header class="panel-heading">
            <div class="row">
                <div class="col-md-7">
                    <h4 class="modal-title">项目管理 ( AppId:<label ng-bind="pageContext.appId"></label> )
                    </h4>
                </div>
                <div class="col-md-5 text-right">
                    <a type="button" class="btn btn-info" data-dismiss="modal"
                       href="/config.html?#appid={{pageContext.appId}}">返回到项目首页
                    </a>
                </div>
            </div>
        </header>

        <div class="panel-body row">

            <section class="context" ng-show="hasAssignUserPermission">
                <!--project admin-->
                <section class="form-horizontal">
                    <h5>管理员
                        <small>
                            (项目管理员具有以下权限: 1. 创建Namespace 2. 创建集群 3. 管理项目、Namespace权限)
                        </small>
                    </h5>
                    <hr>

                    <div class="col-md-offset-1">
                        <form class="form-inline" ng-submit="assignMasterRoleToUser()">
                            <div class="form-group" style="padding-left: 15px">
                                <apollouserselector apollo-id="userSelectWidgetId"></apollouserselector>
                            </div>
                            <button type="submit" class="btn btn-default" style="margin-left: 20px;"
                                    ng-disabled="submitBtnDisabled">添加
                            </button>
                        </form>
                        <!-- Split button -->
                        <div class="item-container">

                            <div class="btn-group item-info" ng-repeat="user in appRoleUsers.masterUsers">
                                <button type="button" class="btn btn-default" ng-bind="user.userId"></button>
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"
                                        aria-haspopup="true" aria-expanded="false"
                                        ng-click="removeMasterRoleFromUser(user.userId)">
                                    <span class="glyphicon glyphicon-remove"></span>
                                </button>
                            </div>
                        </div>

                    </div>


                </section>

                <!--application info-->
                <section>
                    <h5>基本信息</h5>
                    <hr>
                    <form class="form-horizontal" name="appForm" valdr-type="App"
                          ng-submit="updateAppInfo()">

                        <div class="form-group" valdr-form-group>
                            <label class="col-sm-2 control-label">
                                <apollorequiredfield></apollorequiredfield>
                                AppId</label>
                            <div class="col-sm-3">
                                <label class="form-control-static" ng-bind="pageContext.appId">
                                </label>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">
                                <apollorequiredfield></apollorequiredfield>
                                部门</label>
                            <div class="col-sm-3">
                                <select id="organization" ng-disabled="!display.app.edit">
                                    <option></option>
                                </select>
                            </div>
                        </div>

                        <div class="form-group" valdr-form-group>
                            <label class="col-sm-2 control-label">
                                <apollorequiredfield></apollorequiredfield>
                                项目名称</label>
                            <div class="col-sm-4">
                                <input type="text" class="form-control" name="appName" ng-model="viewApp.name"
                                       ng-disabled="!display.app.edit">
                                <small>(建议格式 xx-yy-zz 例:apollo-server)</small>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">
                                <apollorequiredfield></apollorequiredfield>
                                项目负责人</label>
                            <div class="col-sm-6 J_ownerSelectorPanel">
                                <apollouserselector apollo-id="'ownerSelector'"
                                                    disabled="!display.app.edit"></apollouserselector>
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-9">
                                <button type="button" class="btn btn-primary"
                                        ng-show="!display.app.edit"
                                        ng-click="toggleEditStatus()">
                                    修改项目信息
                                </button>
                                <button type="button" class="btn btn-warning"
                                        ng-show="display.app.edit"
                                        ng-click="toggleEditStatus()">
                                    取消修改
                                </button>
                                <button type="submit" class="btn btn-primary"
                                        ng-show="display.app.edit"
                                        ng-disabled="appForm.$invalid || submitBtnDisabled">
                                    提交
                                </button>
                            </div>
                        </div>
                    </form>
                </section>


            </section>

            <section class="context" ng-show="!hasAssignUserPermission">
                <div class="panel-body text-center">
                    <h4>您没有权限操作，请找 [{{admins.join(',')}}] 开通权限</h4>
                </div>
            </section>
        </div>

        <apolloconfirmdialog apollo-dialog-id="'warning'" apollo-title="'删除管理员'"
                             apollo-detail="'不能删除所有的管理员'"
                             apollo-show-cancel-btn="false"></apolloconfirmdialog>
    </section>
</div>

<div ng-include="'../views/common/footer.html'"></div>

<!-- jquery.js -->
<script src="../vendor/jquery.min.js" type="text/javascript"></script>

<!--angular-->
<script src="../vendor/angular/angular.min.js"></script>
<script src="../vendor/angular/angular-route.min.js"></script>
<script src="../vendor/angular/angular-resource.min.js"></script>
<script src="../vendor/angular/angular-toastr-1.4.1.tpls.min.js"></script>
<script src="../vendor/angular/loading-bar.min.js"></script>

<!--valdr-->
<script src="../vendor/valdr/valdr.min.js" type="text/javascript"></script>
<script src="../vendor/valdr/valdr-message.min.js" type="text/javascript"></script>

<!-- bootstrap.js -->
<script src="../vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

<!--nicescroll-->
<script src="../vendor/jquery.nicescroll.min.js"></script>
<script src="../vendor/lodash.min.js"></script>

<script src="../vendor/select2/select2.min.js" type="text/javascript"></script>
<!--biz-->
<!--must import-->
<script type="application/javascript" src="../scripts/app.js"></script>
<script type="application/javascript" src="../scripts/services/AppService.js"></script>
<script type="application/javascript" src="../scripts/services/EnvService.js"></script>
<script type="application/javascript" src="../scripts/services/UserService.js"></script>
app's admin can create private namespace. & default create namespace when create…
cd55a0dd
 
lepdou committed
189 
<script type="application/javascript" src="../scripts/services/CommonService.js"></script>
admin can modify app information
8a39ccea
 
lepdou committed
190 191 192 193 194 195 196 197 198 199 200 201 
<script type="application/javascript" src="../scripts/services/PermissionService.js"></script>
<script type="application/javascript" src="../scripts/services/OrganizationService.js"></script>

<script type="application/javascript" src="../scripts/AppUtils.js"></script>

<script type="application/javascript" src="../scripts/PageCommon.js"></script>
<script type="application/javascript" src="../scripts/directive/directive.js"></script>
<script type="application/javascript" src="../scripts/valdr.js"></script>

<script type="application/javascript" src="../scripts/controller/SettingController.js"></script>
</body>
</html>