增加API节点安装配置界面

web/public/js/components/common/download-link.js

@@ -0,0 +1,37 @@
+Vue.component("download-link", {
+	props: ["v-element", "v-file"],
+	created: function () {
+		let that = this
+		setTimeout(function () {
+			that.url = that.composeURL()
+		}, 1000)
+	},
+	data: function () {
+		let filename = this.vFile
+		if (filename == null || filename.length == 0) {
+			filename = "unknown-file"
+		}
+		return {
+			file: filename,
+			url: this.composeURL()
+		}
+	},
+	methods: {
+		composeURL: function () {
+			let e = document.getElementById(this.vElement)
+			if (e == null) {
+				teaweb.warn("<download-link>找不到要下载的内容")
+				return
+			}
+			let text = e.innerText
+			if (text == null) {
+				text = e.textContent
+			}
+			return Tea.url("/ui/download", {
+				file: this.file,
+				text: text
+			})
+		}
+	},
+	template: `<a :href="url" target="_blank"><slot></slot></a>`,
+})

web/public/js/components/common/labels.js

@@ -1,4 +1,10 @@
+// 启用状态标签
 Vue.component("label-on", {
 	props: ["v-is-on"],
 	template: '<div><span v-if="vIsOn" class="ui label tiny green basic">已启用</span><span v-if="!vIsOn" class="ui label tiny red basic">已停用</span></div>'
+})
+
+// 文字代码标签
+Vue.component("code-label", {
+	template: `<span class="ui label basic tiny" style="padding: 3px;margin-left:2px;margin-right:2px"><slot></slot></span>`
 })

web/public/js/components/common/network-addresses-box.js

@@ -29,7 +29,9 @@ Vue.component("network-addresses-box", {
 	methods: {
 		addAddr: function () {
 			let that = this
+			window.UPDATING_ADDR = null
 			teaweb.popup("/servers/addPortPopup?serverType=" + this.vServerType + "&protocol=" + this.protocol, {
+				height: "16em",
 				callback: function (resp) {
 					var addr = resp.data.address
 					that.addresses.push(addr)
@@ -47,6 +49,29 @@ Vue.component("network-addresses-box", {
 		removeAddr: function (index) {
 			this.addresses.$remove(index);
 
+			// 发送事件
+			this.$emit("change", this.addresses)
+		},
+		updateAddr: function (index, addr) {
+			let that = this
+			window.UPDATING_ADDR = addr
+			teaweb.popup("/servers/addPortPopup?serverType=" + this.vServerType + "&protocol=" + this.protocol, {
+				height: "16em",
+				callback: function (resp) {
+					var addr = resp.data.address
+					Vue.set(that.addresses, index, addr)
+
+					if (["https", "https4", "https6"].$contains(addr.protocol)) {
+						this.tlsProtocolName = "HTTPS"
+					} else if (["tls", "tls4", "tls6"].$contains(addr.protocol)) {
+						this.tlsProtocolName = "TLS"
+					}
+
+					// 发送事件
+					that.$emit("change", that.addresses)
+				}
+			})
+
 			// 发送事件
 			this.$emit("change", this.addresses)
 		}
@@ -56,6 +81,7 @@ Vue.component("network-addresses-box", {
 	<div v-if="addresses.length > 0">
 		<div class="ui label small" v-for="(addr, index) in addresses">
 			{{addr.protocol}}://<span v-if="addr.host.length > 0">{{addr.host}}</span><span v-if="addr.host.length == 0">*</span>:{{addr.portRange}}
+			<a href="" @click.prevent="updateAddr(index, addr)" title="修改"><i class="icon pencil small"></i></a>
 			<a href="" @click.prevent="removeAddr(index)" title="删除"><i class="icon remove"></i></a> </div>
 		<div class="ui divider"></div>
 	</div>

web/public/js/components/common/network-addresses-view.js

@@ -0,0 +1,8 @@
+Vue.component("network-addresses-view", {
+	props: ["v-addresses"],
+	template: `<div>
+	<div class="ui label tiny" v-if="vAddresses != null" v-for="addr in vAddresses">
+		{{addr.protocol}}://{{addr.host}}:{{addr.portRange}}
+	</div>
+</div>`
+})

web/public/js/components/server/ssl-certs-view.js

@@ -0,0 +1,33 @@
+Vue.component("ssl-certs-view", {
+	props: ["v-certs"],
+	data: function () {
+		let certs = this.vCerts
+		if (certs == null) {
+			certs = []
+		}
+		return {
+			certs: certs
+		}
+	},
+	methods: {
+		// 格式化时间
+		formatTime: function (timestamp) {
+			return new Date(timestamp * 1000).format("Y-m-d")
+		},
+
+		// 查看详情
+		viewCert: function (certId) {
+			teaweb.popup("/servers/components/ssl/certPopup?certId=" + certId, {
+				height: "28em",
+				width: "48em"
+			})
+		}
+	},
+	template: `<div>
+	<div v-if="certs != null && certs.length > 0">
+		<div class="ui label small" v-for="(cert, index) in certs">
+			{{cert.name}} / {{cert.dnsNames}} / 有效至{{formatTime(cert.timeEndAt)}} &nbsp;<a href="" title="查看" @click.prevent="viewCert(cert.id)"><i class="icon external alternate"></i></a>
+		</div>
+	</div>
+</div>`
+})