阶段性提交

web/views/@default/clusters/cluster/node/create.html

@@ -2,7 +2,7 @@
 {$template "/left_menu"}
 
 <div class="right-box">
-	<h3>添加节点</h3>
+	{$template "/clusters/cluster/menu"}
 
 	<form class="ui form" data-tea-action="$" data-tea-success="success">
 		<input type="hidden" name="clusterId" :value="clusterId"/>

web/views/@default/clusters/cluster/node/install.css

@@ -0,0 +1,7 @@
+.installing-box {
+  line-height: 1.8;
+}
+.installing-box .blue {
+  color: #2185d0;
+}
+/*# sourceMappingURL=install.css.map */

web/views/@default/clusters/cluster/node/install.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["install.less"],"names":[],"mappings":"AAAA;EACC,gBAAA;;AADD,eAGC;EACC,cAAA","file":"install.css"}

web/views/@default/clusters/cluster/node/install.html

@@ -14,13 +14,28 @@
 	<div v-if="!node.isInstalled">
 		<h3>方法1：自动安装</h3>
 
+		<div v-if="installStatus != null && (installStatus.isRunning || installStatus.isFinished)"
+			 class="ui segment installing-box">
+			<div v-if="installStatus.isRunning" class="blue">安装中...</div>
+			<div v-if="installStatus.isFinished">
+				<span v-if="installStatus.isOk" class="green">已安装成功</span>
+				<span v-if="!installStatus.isOk" class="red">安装过程中发生错误：{{installStatus.error}}</span>
+			</div>
+		</div>
+		<div v-if="installStatus != null && installStatus.isFinished">
+			<button class="ui button small" type="button" @click.prevent="install()">重新安装</button>
+		</div>
+		<div v-if="installStatus == null || (!installStatus.isFinished && !installStatus.isRunning)">
+			<button class="ui button small" type="button" @click.prevent="install()">开始安装</button>
+		</div>
+
 		<h3>方法2：手动安装</h3>
 		<table class="ui table definition selectable">
 			<tr>
 				<td>配置文件<em>（configs/api.yaml）</em></td>
 				<td>
 					<pre>rpc:
-  endpoints: [ "${endpoint}" ]
+  endpoints: [ {{apiEndpoints}} ]
 nodeId: "{{node.uniqueId}}"
 secret: "{{node.secret}}"</pre>
 				</td>
@@ -28,10 +43,14 @@ secret: "{{node.secret}}"</pre>
 			<tr>
 				<td class="title">安装目录</td>
 				<td>
-					<div v-if="node.installDir.length == 0">使用集群设置<span v-if="node.cluster != null && node.cluster.installDir.length > 0">（{{node.cluster.installDir}}）</span></div>
+					<div v-if="node.installDir.length == 0">使用集群设置<span
+								v-if="node.cluster != null && node.cluster.installDir.length > 0">（{{node.cluster.installDir}}）</span>
+					</div>
 					<span v-else>{{node.installDir}}</span>
 				</td>
 			</tr>
 		</table>
+
+		<a href="" @click.prevent="updateNodeIsInstalled(true)">[修改为已安装状态]</a>
 	</div>
 </div>

web/views/@default/clusters/cluster/node/install.js

@@ -1,4 +1,20 @@
 Tea.context(function () {
+	this.$delay(function () {
+		this.reloadStatus(this.nodeId)
+	})
+
+	// 开始安装
+	this.install = function () {
+		this.$post("$")
+			.params({
+				nodeId: this.nodeId
+			})
+			.success(function () {
+
+			})
+	}
+
+	// 设置节点安装状态
 	this.updateNodeIsInstalled = function (isInstalled) {
 		teaweb.confirm("确定要将当前节点修改为未安装状态？", function () {
 			this.$post("/clusters/cluster/node/updateInstallStatus")
@@ -9,4 +25,21 @@ Tea.context(function () {
 				.refresh()
 		})
 	}
+
+	// 刷新状态
+	this.reloadStatus = function (nodeId) {
+		this.$post("/clusters/cluster/node/status")
+			.params({
+				nodeId: nodeId
+			})
+			.success(function (resp) {
+				this.installStatus = resp.data.installStatus
+				this.node.isInstalled = resp.data.isInstalled
+			})
+			.done(function () {
+				this.$delay(function () {
+					this.reloadStatus(nodeId)
+				}, 1000)
+			});
+	}
 })

web/views/@default/clusters/cluster/node/install.less

@@ -0,0 +1,7 @@
+.installing-box {
+	line-height: 1.8;
+
+	.blue {
+		color: #2185d0;
+	}
+}