Skip to content

A
apollo
Switch branch/tag
Find file
Normal viewHistoryPermalink
namespace.html 10.7 KB
Newer Older
add namespace
f2c7de85
 
lepdou committed
1 
<!doctype html>
navbar search app
0d55b812
 
lepdou committed
2 
<html ng-app="namespace">
add namespace
f2c7de85
 
lepdou committed
3 4 
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
add website header icon
a0c9e539
 
zhangle committed
5 
    <link rel="icon" href="./img/config.png">
add namespace
f2c7de85
 
lepdou committed
6 7 8 
    <!-- 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">
create app namespace
1ea8697c
 
lepdou committed
9 
    <link rel="stylesheet" type="text/css" href="vendor/select2/select2.min.css">
add namespace
f2c7de85
 
lepdou committed
10 11 12 13 14 15 16 
    <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">
    <title>新建Namespace</title>
</head>

<body>
navbar search app
0d55b812
 
lepdou committed
17 
<apollonav></apollonav>
add namespace
f2c7de85
 
lepdou committed
18
abtest
9ca8b170
 
lepdou committed
19 
<div class="container-fluid apollo-container hidden" ng-controller="LinkNamespaceController">
add namespace
f2c7de85
 
lepdou committed
20 21 22 23 24 

    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel">
                <header class="panel-heading">
create app namespace
1ea8697c
 
lepdou committed
25 26 27 
                    <div class="row">
                        <div class="col-md-6">新建Namespace</div>
                        <div class="col-md-6 text-right">
update
3da14c8c
 
lepdou committed
28 
                            <button type="button" class="btn btn-info" ng-click="back()">返回到项目首页
app and namespace standard
7bdfe80e
 
Jason Song committed
29 
                            </button>
create app namespace
1ea8697c
 
lepdou committed
30 31 32 
                        </div>
                    </div>
add namespace
f2c7de85
 
lepdou committed
33 34 35 
                </header>

                <div class="panel-body">
用户模糊搜索 流程优化
219aff4a
 
lepdou committed
36
abtest
9ca8b170
 
lepdou committed
37 
                    <div class="alert alert-info no-radius">
add create tips
dd87fe14
 
zhangle committed
38 
                        <strong>Tips:</strong>
abtest
9ca8b170
 
lepdou committed
39 
                        <ul ng-show="type == 'link'">
add create tips
dd87fe14
 
zhangle committed
40 41 42 43 
                            <li>公共namespace所属的应用通过关联公共namespace来配置公共部分的配置</li>
                            <li>其它应用可以通过关联公共namespace来覆盖公共部分的配置</li>
                            <li>如果其它应用不需要覆盖公共部分的配置，那么无需关联公共namespace</li>
                        </ul>
abtest
9ca8b170
 
lepdou committed
44 
                        <ul ng-show="type == 'create'">
add create tips
dd87fe14
 
zhangle committed
45 46 47 48 49 50 51 52 
                            <li>
                                通过创建一个公共的namespace可以实现公共组件的配置，或多个应用共享同一份配置的需求
                            </li>
                            <li>创建完公共的namespace且关联到当前应用后，就可以配置公共部分的配置了</li>
                            <li>如果其它应用需要覆盖公共部分的配置，可以在其它应用那里关联公共的namespace，然后在关联的namespace里面配置需要覆盖的配置即可</li>
                            <li>如果其它应用不需要覆盖公共部分的配置，那么就不需要在其它应用那里关联公共的namespace</li>
                        </ul>
                    </div>
用户模糊搜索 流程优化
219aff4a
 
lepdou committed
53 54 
                    <div class="row text-right" style="padding-right: 20px;">
                        <div class="btn-group btn-group-sm" role="group" aria-label="...">
fix namespace name no error message
5399d643
 
lepdou committed
55 56 57 58 59 60 
                            <button type="button" class="btn btn-default" ng-class="{active:type=='link'}"
                                    ng-click="switchType('link')">关联已存在的Namespace
                            </button>
                            <button type="button" class="btn btn-default" ng-class="{active:type=='create'}"
                                    ng-click="switchType('create')">创建新的Namespace
                            </button>
用户模糊搜索 流程优化
219aff4a
 
lepdou committed
61 62 63 
                        </div>
                    </div>
add create tips
dd87fe14
 
zhangle committed
64
fix namespace name no error message
5399d643
 
lepdou committed
65 66 
                    <form class="form-horizontal" name="namespaceForm" valdr-type="AppNamespace"
                          style="margin-top: 30px;" ng-show="step == 1" ng-submit="createNamespace()">
add namespace
f2c7de85
 
lepdou committed
67 68 
                        <div class="form-group">
                            <label class="col-sm-3 control-label">应用ID</label>
用户打点& 多处优化
4818f2a8
 
lepdou committed
69 
                            <div class="col-sm-6" valdr-form-group>
abtest
9ca8b170
 
lepdou committed
70 
                                <label class="form-control-static" ng-bind="appId"></label>
add namespace
f2c7de85
 
lepdou committed
71 72 
                            </div>
                        </div>
create app namespace
1ea8697c
 
lepdou committed
73 
                        <div class="form-horizontal" ng-show="type == 'link'">
add namespace
f2c7de85
 
lepdou committed
74 
                            <div class="form-group">
用户模糊搜索 流程优化
219aff4a
 
lepdou committed
75 
                                <label class="col-sm-3 control-label">
abtest
9ca8b170
 
lepdou committed
76 
                                    <apollorequiredfield></apollorequiredfield>
用户模糊搜索 流程优化
219aff4a
 
lepdou committed
77 
                                    选择集群</label>
用户打点& 多处优化
4818f2a8
 
lepdou committed
78 
                                <div class="col-sm-6" valdr-form-group>
发布时可以查看变更集 & 自定义集群选择标签可以设置默认选择 & 获取adminservice地址增加重试和缓存机制
e2276f2d
 
lepdou committed
79 
                                    <apolloclusterselector apollo-app-id="appId" apollo-default-all-checked="true"
集群选择做成一个标签
2ef6cf95
 
lepdou committed
80 
                                                           apollo-select="collectSelectedClusters"></apolloclusterselector>
add namespace
f2c7de85
 
lepdou committed
81 82 83 
                                </div>
                            </div>
                        </div>
create app namespace
1ea8697c
 
lepdou committed
84 
                        <div class="form-group" ng-show="type == 'create'">
用户模糊搜索 流程优化
219aff4a
 
lepdou committed
85 
                            <label class="col-sm-3 control-label">
abtest
9ca8b170
 
lepdou committed
86 
                                <apollorequiredfield></apollorequiredfield>
用户模糊搜索 流程优化
219aff4a
 
lepdou committed
87 
                                名称</label>
update
6b69a787
 
lepdou committed
88 
                            <div class="col-sm-4" valdr-form-group>
fix namespace name no error message
5399d643
 
lepdou committed
89 90 91 92 93 
                                <div ng-class="{'input-group':appNamespace.isPublic}">
                                    <span class="input-group-addon" ng-show="appNamespace.isPublic"
                                          ng-bind="appBaseInfo.namespacePrefix"></span>
                                    <input type="text" name="namespaceName" class="form-control"
                                           ng-model="appNamespace.name">
private app namespace dont need prefix
05ceebad
 
lepdou committed
94 
                                </div>
add namespace
f2c7de85
 
lepdou committed
95 
                            </div>
namespace as file
5c6081a0
 
lepdou committed
96 
                            <div class="col-sm-2" ng-if="hasRootPermission">
fix namespace name no error message
5399d643
 
lepdou committed
97 
                                <select class="form-control" name="format" ng-model="appNamespace.format">
namespace as file
5c6081a0
 
lepdou committed
98 99 
                                    <option value="properties">properties</option>
                                    <option value="xml">xml</option>
support json and yml config files
e546f67e
 
Jason Song committed
100 101 102 
                                    <option value="json">json</option>
                                    <option value="yml">yml</option>
                                    <option value="yaml">yaml</option>
namespace as file
5c6081a0
 
lepdou committed
103 104 105 
                                </select>
                            </div>
fix namespace name no error message
5399d643
 
lepdou committed
106 107 
                            <span ng-show="appNamespace.isPublic" ng-bind="concatNamespace()"
                                  style="line-height: 34px;"></span>
add namespace
f2c7de85
 
lepdou committed
108 
                        </div>
namespace as file
5c6081a0
 
lepdou committed
109 110 
                        <div class="form-group" ng-show="type == 'create' && hasRootPermission">
                            <label class="col-sm-3 control-label">
abtest
9ca8b170
 
lepdou committed
111 
                                <apollorequiredfield></apollorequiredfield>
namespace as file
5c6081a0
 
lepdou committed
112 
                                类型</label>
用户打点& 多处优化
4818f2a8
 
lepdou committed
113 
                            <div class="col-sm-4" valdr-form-group>
namespace as file
5c6081a0
 
lepdou committed
114 
                                <label class="radio-inline">
fix namespace name no error message
5399d643
 
lepdou committed
115 116 
                                    <input type="radio" name="namespaceType" value="true" ng-value="true"
                                           ng-model="appNamespace.isPublic"> public
namespace as file
5c6081a0
 
lepdou committed
117 118 
                                </label>
                                <label class="radio-inline">
fix namespace name no error message
5399d643
 
lepdou committed
119 120 
                                    <input type="radio" name="namespaceType" value="false" ng-value="false"
                                           ng-model="appNamespace.isPublic"> private
namespace as file
5c6081a0
 
lepdou committed
121 122 123 
                                </label>
                            </div>
                        </div>
用户打点& 多处优化
4818f2a8
 
lepdou committed
124 
                        <div class="form-group" ng-show="type == 'create'" valdr-form-group>
create app namespace
1ea8697c
 
lepdou committed
125 
                            <label class="col-sm-3 control-label">备注</label>
用户打点& 多处优化
4818f2a8
 
lepdou committed
126 
                            <div class="col-sm-7" valdr-form-group>
fix namespace name no error message
5399d643
 
lepdou committed
127 128 
                                <textarea class="form-control" rows="3" name="comment"
                                          ng-model="appNamespace.comment"></textarea>
add namespace
f2c7de85
 
lepdou committed
129 130 
                            </div>
                        </div>
create app namespace
1ea8697c
 
lepdou committed
131 
                        <div class="form-group" ng-show="type == 'link'">
用户模糊搜索 流程优化
219aff4a
 
lepdou committed
132 
                            <label class="col-sm-3 control-label">
abtest
9ca8b170
 
lepdou committed
133 
                                <apollorequiredfield></apollorequiredfield>
用户模糊搜索 流程优化
219aff4a
 
lepdou committed
134 
                                namespace</label>
用户打点& 多处优化
4818f2a8
 
lepdou committed
135 
                            <div class="col-sm-4" valdr-form-group>
app and namespace standard
7bdfe80e
 
Jason Song committed
136 137 138 
                                <select id="namespaces">
                                    <option></option>
                                </select>
add namespace
f2c7de85
 
lepdou committed
139 140 141 142 
                            </div>
                        </div>

                        <div class="form-group">
create app namespace
1ea8697c
 
lepdou committed
143 
                            <div class="col-sm-offset-3 col-sm-10">
fix namespace name no error message
5399d643
 
lepdou committed
144 
                                <button type="submit" class="btn btn-primary"
add create tips
dd87fe14
 
zhangle committed
145 146 
                                        ng-disabled="(type == 'create' && namespaceForm.$invalid) || submitBtnDisabled">
                                    提交
fix namespace name no error message
5399d643
 
lepdou committed
147 
                                </button>
add namespace
f2c7de85
 
lepdou committed
148 149 150 
                            </div>
                        </div>
                    </form>
create app namespace
1ea8697c
 
lepdou committed
151 152 153 154 155 

                    <div class="row text-center" ng-show="step == 2">
                        <img src="img/sync-succ.png" style="height: 100px; width: 100px">
                        <h3>创建成功!</h3>
                    </div>
add namespace
f2c7de85
 
lepdou committed
156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 
                </div>
            </div>
        </div>
    </div>
</div>


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

<!--angular-->
<script src="vendor/angular/angular.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>

<!-- jquery.js -->
replace jquery.js to jquery.min.js
4562308d
 
lepdou committed
172 
<script src="vendor/jquery.min.js" type="text/javascript"></script>
add namespace
f2c7de85
 
lepdou committed
173
create app namespace
1ea8697c
 
lepdou committed
174 175 
<script src="vendor/select2/select2.min.js" type="text/javascript"></script>
add namespace
f2c7de85
 
lepdou committed
176 177 178 179 

<!-- bootstrap.js -->
<script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
用户打点& 多处优化
4818f2a8
 
lepdou committed
180 181 182 
<script src="vendor/valdr/valdr.min.js" type="text/javascript"></script>
<script src="vendor/valdr/valdr-message.min.js" type="text/javascript"></script>
add namespace
f2c7de85
 
lepdou committed
183 184 
<script type="application/javascript" src="scripts/app.js"></script>
<script type="application/javascript" src="scripts/services/AppService.js"></script>
navbar search app
0d55b812
 
lepdou committed
185 
<script type="application/javascript" src="scripts/services/EnvService.js"></script>
接入sso
fdfd4fff
 
lepdou committed
186 
<script type="application/javascript" src="scripts/services/UserService.js"></script>
add namespace
f2c7de85
 
lepdou committed
187 
<script type="application/javascript" src="scripts/services/NamespaceService.js"></script>
namespace as file
5c6081a0
 
lepdou committed
188 
<script type="application/javascript" src="scripts/services/PermissionService.js"></script>
add namespace
f2c7de85
 
lepdou committed
189 190 
<script type="application/javascript" src="scripts/AppUtils.js"></script>
navbar search app
0d55b812
 
lepdou committed
191 
<!--directive-->
namespace as file
5c6081a0
 
lepdou committed
192 
<script type="application/javascript" src="scripts/directive/directive.js"></script>
navbar search app
0d55b812
 
lepdou committed
193
create app namespace
1ea8697c
 
lepdou committed
194 
<script type="application/javascript" src="scripts/controller/NamespaceController.js"></script>
add namespace
f2c7de85
 
lepdou committed
195
用户打点& 多处优化
4818f2a8
 
lepdou committed
196 
<script src="scripts/valdr.js" type="text/javascript"></script>
add namespace
f2c7de85
 
lepdou committed
197 198 199 

</body>
</html>