From 00cc4482307ef012091c332312983748a8711ce3 Mon Sep 17 00:00:00 2001
From: Ibnu Maksum <ibnumaksum@gmail.com>
Date: Mon, 18 Sep 2023 13:55:52 +0700
Subject: [PATCH] change password view

---
 ui/ui/customers-view.tpl | 25 ++++++++++++++++---------
 ui/ui/user-dashboard.tpl | 11 +++++++----
 2 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/ui/ui/customers-view.tpl b/ui/ui/customers-view.tpl
index b48d79bc..0041ce03 100644
--- a/ui/ui/customers-view.tpl
+++ b/ui/ui/customers-view.tpl
@@ -24,14 +24,17 @@
                 <p class="text-muted">{Lang::nl2br($d['address'])}</p>
                 <ul class="list-group list-group-unbordered">
                     <li class="list-group-item">
-                        <b>{$_L['Password']}</b> <span class="pull-right" style="background-color: black; color:black;"
-                            onclick="this.select()">{$d['password']}</span>
+                        <b>{$_L['Password']}</b> <input type="password" value="{$d['password']}"
+                            style=" border: 0px; text-align: right;" class="pull-right"
+                            onmouseleave="this.type = 'password'" onmouseenter="this.type = 'text'"
+                            onclick="this.select()">
                     </li>
                     {if $d['pppoe_password'] != ''}
                         <li class="list-group-item">
-                            <b>PPPOE {$_L['Password']}</b> <span class="pull-right"
-                                style="background-color: black; color:black;"
-                                onclick="this.select()">{$d['pppoe_password']}</span>
+                            <b>PPPOE {$_L['Password']}</b> <input type="password" value="{$d['pppoe_password']}"
+                            style=" border: 0px; text-align: right;" class="pull-right"
+                            onmouseleave="this.type = 'password'" onmouseenter="this.type = 'text'"
+                            onclick="this.select()">
                         </li>
                     {/if}
                     <li class="list-group-item">
@@ -87,21 +90,25 @@
                     <div class="row">
                         <div class="col-xs-4">
                             <a href="{$_url}customers/deactivate/{$d['id']}" id="{$d['id']}"
-                                class="btn btn-danger btn-block btn-sm" onclick="return confirm('This will deactivate Customer Plan, and make it expired')">{Lang::T('Deactivate')}</a>
+                                class="btn btn-danger btn-block btn-sm"
+                                onclick="return confirm('This will deactivate Customer Plan, and make it expired')">{Lang::T('Deactivate')}</a>
                         </div>
                         <div class="col-xs-4">
-                            <a href="{$_url}customers/recharge/{$d['id']}" onclick="return confirm('This will extend Customer plan, same as recharge')"
+                            <a href="{$_url}customers/recharge/{$d['id']}"
+                                onclick="return confirm('This will extend Customer plan, same as recharge')"
                                 class="btn btn-success btn-sm btn-block">{Lang::T('Recharge')}</a>
                         </div>
                         <div class="col-xs-4">
-                            <a href="{$_url}customers/sync/{$d['id']}" onclick="return confirm('This will sync Customer to Mikrotik?')"
+                            <a href="{$_url}customers/sync/{$d['id']}"
+                                onclick="return confirm('This will sync Customer to Mikrotik?')"
                                 class="btn btn-primary btn-sm btn-block">{Lang::T('Sync')}</a>
                         </div>
                     </div>
                 </div>
             </div>
         {else}
-        <a href="{$_url}prepaid/recharge/{$d['id']}" class="btn btn-success btn-sm btn-block mt-1">{Lang::T('Recharge')}</a><br>
+            <a href="{$_url}prepaid/recharge/{$d['id']}"
+                class="btn btn-success btn-sm btn-block mt-1">{Lang::T('Recharge')}</a><br>
         {/if}
         <a href="{$_url}customers/list" class="btn btn-primary btn-sm btn-block mt-1">{Lang::T('Back')}</a><br>
     </div>
diff --git a/ui/ui/user-dashboard.tpl b/ui/ui/user-dashboard.tpl
index 35319640..c6a0e8db 100644
--- a/ui/ui/user-dashboard.tpl
+++ b/ui/ui/user-dashboard.tpl
@@ -69,8 +69,9 @@
                 </tr>
                 <tr>
                     <td class="small text-success text-uppercase text-normal">{$_L['Password']}</td>
-                    <td class="small mb15"><input type="text" value="{$_user['password']}"
-                            style="background-color: black; color:black; width:100%; border: 0px;"
+                    <td class="small mb15"><input type="password" value="{$_user['password']}"
+                            style="width:100%; border: 0px;"
+                            onmouseleave="this.type = 'password'" onmouseenter="this.type = 'text'"
                             onclick="this.select()"></td>
                 </tr>
                 {if $_c['enable_balance'] == 'yes'}
@@ -167,7 +168,8 @@
                             </div>
                             <div class="form-group col-sm-2" align="center">
                                 <button class="btn btn-success btn-block" id="sendBtn" type="submit" name="send"
-                                    onclick="return confirm('{Lang::T("Are You Sure?")}')" value="balance"><i class="glyphicon glyphicon-send"></i></button>
+                                    onclick="return confirm('{Lang::T("Are You Sure?")}')" value="balance"><i
+                                        class="glyphicon glyphicon-send"></i></button>
                             </div>
                         </div>
                     </form>
@@ -195,7 +197,8 @@
                             </div>
                             <div class="form-group col-sm-2" align="center">
                                 <button class="btn btn-success btn-block" id="sendBtn" type="submit" name="send"
-                                    onclick="return confirm('{Lang::T("Are You Sure?")}')" value="plan"><i class="glyphicon glyphicon-send"></i></button>
+                                    onclick="return confirm('{Lang::T("Are You Sure?")}')" value="plan"><i
+                                        class="glyphicon glyphicon-send"></i></button>
                             </div>
                         </div>
                     </form>