diff --git a/contrib/static/mod.js b/contrib/static/mod.js
index b06a2b3..d458cf3 100644
--- a/contrib/static/mod.js
+++ b/contrib/static/mod.js
@@ -64,6 +64,23 @@ function nntpchan_key_add() {
   });
 }
 
+function get_nntp_username() {
+  var e = document.getElementById("nntpchan_nntp_username");
+  return e.value;  
+}
+
+function get_nntp_passwd() {
+  var e = document.getElementById("nntpchan_nntp_passwd");
+  return e.value;  
+}
+
+function nntpchan_admin_nntp(method) {
+  nntpchan_admin(method, {
+    username: get_nntp_username(),
+    passwd: get_nntp_passwd()
+  })
+}
+
 function nntpchan_admin_board(method) {
   nntpchan_admin(method, {
     newsgroup: get_board_target()
diff --git a/contrib/templates/default/modpage.mustache b/contrib/templates/default/modpage.mustache
index dd2976c..2a913ce 100644
--- a/contrib/templates/default/modpage.mustache
+++ b/contrib/templates/default/modpage.mustache
@@ -39,11 +39,27 @@
       </div>
     </div>
     <hr />
+    <div>
+      <div> nntp login </div>
+      <div>
+        <label for="nntpchan_nntp_username">username:</lable>
+        <input id="nntpchan_nntp_username" />
+        <label for="nntpchan_nntp_passwd">password:</lable>
+        <input id="nntpchan_nntp_passwd" />
+      </div>
+      <div>
+        <button onclick="nntpchan_admin_nntp('nntp.login.add')">add user</button>
+      </div>
+      <div>  
+        <button onclick="nntpchan_admin_nntp('nntp.login.del')">remove user</button>        
+      </div>
+    </div>
+    <hr />
     <div>
       <div> board actions </div>
       <div>
         <label for="nntpchan_board_target">board name:</label>
-        <input type="text" id="nntpchan_board_target" />
+        <input id="nntpchan_board_target" />
       </div>
       <div>
         <button onclick="nntpchan_admin_board('frontend.add')">add board</button>