From 976859ae25ce6b37701ce22a03574973898597cd Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 4 Dec 2016 21:09:09 +0800
Subject: [PATCH] support show rpc secret

---
 src/langs/zh_CN.txt                        |  2 ++
 src/scripts/config/defaultLanguage.js      |  2 ++
 src/scripts/controllers/settings-ariang.js |  1 +
 src/styles/core/extend.css                 |  5 +++++
 src/views/settings-ariang.html             | 12 ++++++++++--
 5 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/src/langs/zh_CN.txt b/src/langs/zh_CN.txt
index 6362068..9ba4f2e 100644
--- a/src/langs/zh_CN.txt
+++ b/src/langs/zh_CN.txt
@@ -130,6 +130,8 @@ Downloading Count=正在下载数量
 Waiting Count=正在等待数量
 Stopped Count=已停止数量
 You have disabled notification in your browser. You should change your browser's settings before you enable this function.=您已经在浏览器中禁用通知功能. 如需使用此功能, 请修改您浏览器的设置.
+Show Secret=显示密钥
+Hide Secret=隐藏密钥
 Aria2 Version=Aria2 版本
 Enabled Features=已启用的功能
 Functions=方法
diff --git a/src/scripts/config/defaultLanguage.js b/src/scripts/config/defaultLanguage.js
index 4b93dae..5ce4146 100644
--- a/src/scripts/config/defaultLanguage.js
+++ b/src/scripts/config/defaultLanguage.js
@@ -134,6 +134,8 @@
             'Waiting Count': 'Waiting Count',
             'Stopped Count': 'Stopped Count',
             'You have disabled notification in your browser. You should change your browser\'s settings before you enable this function.': 'You have disabled notification in your browser. You should change your browser\'s settings before you enable this function.',
+            'Show Secret': 'Show Secret',
+            'Hide Secret': 'Hide Secret',
             'Aria2 Version': 'Aria2 Version',
             'Enabled Features': 'Enabled Features',
             'Functions': 'Functions',
diff --git a/src/scripts/controllers/settings-ariang.js b/src/scripts/controllers/settings-ariang.js
index b945add..214955f 100644
--- a/src/scripts/controllers/settings-ariang.js
+++ b/src/scripts/controllers/settings-ariang.js
@@ -10,6 +10,7 @@
             languages: ariaNgLanguages,
             availableTime: ariaNgCommonService.getTimeOptions([1000, 2000, 3000, 5000, 10000, 30000, 60000], true),
             trueFalseOptions: [{name: 'True', value: true}, {name: 'False', value: false}],
+            showRpcSecret: false,
             settings: ariaNgSettingService.getAllOptions(),
             sessionSettings: ariaNgSettingService.getAllSessionOptions()
         };
diff --git a/src/styles/core/extend.css b/src/styles/core/extend.css
index ce4df17..6707d15 100644
--- a/src/styles/core/extend.css
+++ b/src/styles/core/extend.css
@@ -1,3 +1,8 @@
+/* bootstrap */
+.input-group-addon-compact {
+    padding: 0 4px 0 4px;
+}
+
 /* font-awesome extend */
 .fa-half {
     font-size: 0.5em;
diff --git a/src/views/settings-ariang.html b/src/views/settings-ariang.html
index e0678a3..e5ed1b6 100644
--- a/src/views/settings-ariang.html
+++ b/src/views/settings-ariang.html
@@ -150,8 +150,16 @@
                             <span class="asterisk">*</span>
                         </div>
                         <div class="setting-value col-sm-8">
-                            <input class="form-control" type="password" ng-model="context.settings.secret"
-                                   ng-change="settingService.setSecret(context.settings.secret)"/>
+                            <div class="input-group">
+                                <input class="form-control" type="{{context.showRpcSecret ? 'text' : 'password'}}" ng-model="context.settings.secret"
+                                       ng-change="settingService.setSecret(context.settings.secret)"/>
+                                <span class="input-group-addon input-group-addon-compact no-vertical-padding">
+                                    <button class="btn btn-xs btn-default" title="{{context.showRpcSecret ? 'Hide Secret' : 'Show Secret' | translate}}"
+                                            ng-class="{'active': context.showRpcSecret}" ng-click="context.showRpcSecret = !context.showRpcSecret">
+                                        <i class="fa fa-eye"></i>
+                                    </button>
+                                </span>
+                            </div>
                         </div>
                     </div>
                     <div class="row tip no-background no-hover">