阶段性提交

web/public/js/components/server/http-auth-config-box.js

@@ -0,0 +1,81 @@
+// 认证设置
+Vue.component("http-auth-config-box", {
+	props: ["v-auth-config", "v-is-location"],
+	data: function () {
+		let authConfig = this.vAuthConfig
+		if (authConfig == null) {
+			authConfig = {
+				isPrior: false,
+				isOn: false
+			}
+		}
+		if (authConfig.policyRefs == null) {
+			authConfig.policyRefs = []
+		}
+		return {
+			authConfig: authConfig
+		}
+	},
+	methods: {
+		isOn: function () {
+			return (!this.vIsLocation || this.authConfig.isPrior) && this.authConfig.isOn
+		},
+		add: function () {
+			let that = this
+			teaweb.popup("/servers/server/settings/access/createPopup", {
+				callback: function (resp) {
+					that.authConfig.policyRefs.push(resp.data.policyRef)
+				}
+			})
+		},
+		update: function (index, policyId) {
+			let that = this
+			teaweb.popup("/servers/server/settings/access/updatePopup?policyId=" + policyId, {
+				callback: function (resp) {
+					Vue.set(that.authConfig.policyRefs, index, resp.data.policyRef)
+				}
+			})
+		},
+		delete: function (index) {
+			that.authConfig.policyRefs.$remove(index)
+		}
+	},
+	template: `<div>
+<input type="text" name="authJSON" :value="JSON.stringify(authConfig)"/> 
+<table class="ui table selectable definition">
+	<prior-checkbox :v-config="authConfig" v-if="vIsLocation"></prior-checkbox>
+	<tbody v-show="!vIsLocation || authConfig.isPrior">
+		<tr>
+			<td class="title">启用认证</td>
+			<td>
+				<div class="ui checkbox">
+					<input type="checkbox" v-model="authConfig.isOn"/>
+					<label></label>
+				</div>
+			</td>
+		</tr>
+	</tbody>
+</table>
+<div class="margin"></div>
+<!-- 认证方法 -->
+<div>
+	<table class="ui table selectable celled" v-show="authConfig.policyRefs.length > 0">
+		<thead>
+			<tr>
+				<th>认证方法</th>
+				<th>参数</th>
+				<th class="two wide">状态</th>
+				<th class="two op">操作</th>
+			</tr>
+		</thead>
+		<tbody v-for="ref in authConfig.policyRefs" :key="ref.authPolicyId">
+			<tr>
+				<td></td>
+			</tr>
+		</tbody>
+	</table>
+	<button class="ui button small" type="button" @click.prevent="add">+添加认证</button>
+</div>
+<div class="margin"></div>
+</div>`
+})

web/views/@default/servers/server/settings/access/createPopup.html

@@ -0,0 +1,35 @@
+{$layout "layout_popup"}
+
+<h3>创建认证</h3>
+<form class="ui form" data-tea-action="$" data-tea-success="success">
+    <csrf-token></csrf-token>
+
+    <table class="ui table definitions selectable">
+        <tr>
+            <td class="title">名称 *</td>
+            <td>
+                <input type="text" name="name" maxlength="50"/>
+            </td>
+        </tr>
+        <tr>
+            <td>类型 *</td>
+            <td>
+
+            </td>
+        </tr>
+
+        <!-- BasicAuth -->
+        <tbody>
+            <tr>
+                <td></td>
+            </tr>
+        </tbody>
+
+        <!-- SubRequest -->
+        <tbody>
+
+        </tbody>
+    </table>
+
+    <submit-btn></submit-btn>
+</form>

web/views/@default/servers/server/settings/access/createPopup.js

@@ -0,0 +1,3 @@
+Tea.context(function () {
+	this.success = NotifyPopup
+})

web/views/@default/servers/server/settings/access/index.html

@@ -3,5 +3,8 @@
 {$template "/left_menu"}
 
 <div class="right-box">
-	<p class="ui message">此功能暂未开放，敬请期待。</p>
+    <form class="ui form" data-tea-action="$" data-tea-success="success">
+        <http-auth-config-box :v-auth-config="authConfig"></http-auth-config-box>
+        <submit-btn></submit-btn>
+    </form>
 </div>