From f2b58268cf273aabcfc58dd51adb0f2f5fe30daf Mon Sep 17 00:00:00 2001
From: "shengzhaoli.shengz" <monkeyk1987@gmail.com>
Date: Sat, 28 Oct 2023 21:41:10 +0800
Subject: [PATCH] test_client  update

---
 .../templates/clientdetails/test_client.html  | 85 ++++++++++++++-----
 1 file changed, 64 insertions(+), 21 deletions(-)

diff --git a/src/main/resources/templates/clientdetails/test_client.html b/src/main/resources/templates/clientdetails/test_client.html
index 91e6687..0301270 100644
--- a/src/main/resources/templates/clientdetails/test_client.html
+++ b/src/main/resources/templates/clientdetails/test_client.html
@@ -273,7 +273,7 @@
                     </table>
                 </div>
 
-                <p class="text-muted">输入<code>client_assertion</code>值, 点击链接地址即可测试</p>
+                <p class="text-muted">输入<code>client_assertion</code>值, 点击按钮地址即可测试</p>
                 <form th:action="@{/oauth2/token}" th:method="post" target="_blank">
                     <table class="table table-striped table-bordered table-hover">
                         <tr>
@@ -286,7 +286,7 @@
                             <td>client_secret</td>
                             <td>
                                 <input type="text" readonly="readonly" name="client_secret" size="70"
-                                       value="{{clientSecret}}"/>
+                                       value="{{clientSecret}}" placeholder="请先在页面最上面输入client_secret"/>
                             </td>
                         </tr>
                         <tr>
@@ -308,6 +308,7 @@
                             <td>
                                 <input readonly="readonly" size="70" name="client_assertion_type"
                                        value="urn:ietf:params:oauth:client-assertion-type:jwt-bearer"/>
+                                <p class="help-block">固定值</p>
                             </td>
                         </tr>
                         <tr>
@@ -330,17 +331,39 @@
         <div th:if="${clientDetailsDto.containsClientCredentials}" class="panel panel-default">
             <div class="panel-heading">Test [client_credentials]</div>
             <div class="panel-body">
-                <p class="text-muted">点击链接地址即可测试</p>
+                <p class="text-muted">点击按钮地址即可测试</p>
 
 
                 <form th:action="@{/oauth2/token}" th:method="post" target="_blank">
-                    <input type="hidden" name="client_id" value="{{clientId}}"/>
-                    <input type="hidden" name="client_secret" value="{{clientSecret}}"/>
-                    <input type="hidden" name="scope" value="{{scope}}"/>
-                    <input type="hidden" name="grant_type" value="client_credentials"/>
-                    <button class="btn btn-link" type="submit">
-                        /oauth2/token?client_id={{clientId}}&client_secret={{clientSecret}}&grant_type=client_credentials&scope={{scope}}
-                    </button>
+                    <table class="table table-striped table-bordered table-hover">
+                        <tr>
+                            <td>client_id</td>
+                            <td>
+                                <input type="text" readonly="readonly" name="client_id" size="70" value="{{clientId}}"/>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>client_secret</td>
+                            <td>
+                                <input type="text" readonly="readonly" name="client_secret" size="70"
+                                       value="{{clientSecret}}" placeholder="请先在页面最上面输入client_secret"/>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>scope</td>
+                            <td>
+                                <input type="text" readonly="readonly" name="scope" size="70" value="{{scope}}"/>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>grant_type</td>
+                            <td>
+                                <input readonly="readonly" name="grant_type" size="70" value="client_credentials"/>
+                                <p class="help-block">固定值</p>
+                            </td>
+                        </tr>
+                    </table>
+                    <button class="btn btn-primary" type="submit">/oauth2/token</button>
                     <span class="label label-warning">POST</span>
                 </form>
             </div>
@@ -350,19 +373,39 @@
             <div class="panel-heading">Test [refresh_token]</div>
             <div class="panel-body">
                 <p class="text-muted">输入refresh_token 后点击链接地址.</p>
-                refresh_token: <input type="text" ng-model="refreshToken" placeholder="xYCsaPu7YV_hB6TfLb..."
-                                      size="70"/>
-
-                <br/>
 
                 <form th:action="@{/oauth2/token}" th:method="post" target="_blank">
-                    <input type="hidden" name="client_id" value="{{clientId}}"/>
-                    <input type="hidden" name="client_secret" value="{{clientSecret}}"/>
-                    <input type="hidden" name="refresh_token" value="{{refreshToken}}"/>
-                    <input type="hidden" name="grant_type" value="refresh_token"/>
-                    <button class="btn btn-link" type="submit">
-                        /oauth2/token?client_id={{clientId}}&client_secret={{clientSecret}}&grant_type=refresh_token&refresh_token={{refreshToken}}
-                    </button>
+                    <table class="table table-striped table-bordered table-hover">
+                        <tr>
+                            <td>client_id</td>
+                            <td>
+                                <input type="text" readonly="readonly" name="client_id" size="70" value="{{clientId}}"/>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>client_secret</td>
+                            <td>
+                                <input type="text" readonly="readonly" name="client_secret" size="70"
+                                       value="{{clientSecret}}" placeholder="请先在页面最上面输入client_secret"/>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>grant_type</td>
+                            <td>
+                                <input readonly="readonly" name="grant_type" size="70" value="refresh_token"/>
+                                <p class="help-block">固定值</p>
+                            </td>
+                        </tr>
+                        <tr>
+                            <td>refresh_token</td>
+                            <td>
+                                <input type="text" ng-model="refreshToken" placeholder="xYCsaPu7YV_hB6TfLb..."
+                                       size="70"/>
+                                <p class="help-block">请输入 refresh_token 值</p>
+                            </td>
+                        </tr>
+                    </table>
+                    <button class="btn btn-primary" type="submit">/oauth2/token</button>
                     <span class="label label-warning">POST</span>
                     <br/>
                     <span class="text-muted">复用refresh_token: <span class="text-info"