等待后端更新接口

profile-join-review.html

@@ -42,7 +42,7 @@
             <a href="profile-messages.html">消息中心</a
             ><a class="active" href="profile-join-review.html" data-genealogy-context-link>入谱审核</a
             ><span class="module-nav-unavailable">邀请家人<small>即将开放</small></span
-            ><span class="module-nav-unavailable">管理员权限<small>即将开放</small></span>
+            ><a href="profile-admin-permissions.html" data-genealogy-context-link>管理员权限</a>
           </aside>
           <div class="module-main">
             <section class="module-panel">
@@ -50,8 +50,28 @@
                 <h2>待审核申请</h2>
                 <button class="btn ghost" type="button" data-join-review-refresh>刷新</button>
               </div>
-              <p class="form-note" aria-live="polite" data-join-review-status></p>
-              <div class="module-list" data-join-apply-list="pending"></div>
+              <div class="form-note" role="status" aria-live="polite" data-join-review-status></div>
+              <div class="module-list" data-join-apply-list="pending">
+                <div class="api-state api-state--loading" data-api-state="loading" role="status" aria-live="polite" aria-busy="true">
+                  正在读取待审核申请…
+                </div>
+              </div>
+            </section>
+            <section id="join-review-form" class="module-panel" data-join-review-editor hidden>
+              <h2 data-join-review-form-title>审核加入申请</h2>
+              <form class="editor-form" data-join-review-form novalidate>
+                <input name="applyId" type="hidden" />
+                <input name="status" type="hidden" />
+                <div class="editor-field">
+                  <label for="joinAuditRemark">审核说明</label>
+                  <textarea id="joinAuditRemark" name="auditRemark" rows="4" maxlength="500" disabled placeholder="可选；拒绝时可说明原因，最多 500 个字符"></textarea>
+                </div>
+                <div class="form-status" role="status" aria-live="polite" data-join-review-form-status></div>
+                <div class="bottom-actions">
+                  <button class="btn primary magnetic" type="submit" data-join-review-submit disabled>提交审核</button>
+                  <button class="btn ghost" type="button" data-join-review-cancel disabled>取消</button>
+                </div>
+              </form>
             </section>
           </div>
         </div>