Increase the listening and logon function, repair repeated quick login error

Author: creaink

.gitignore

@@ -1,6 +1,6 @@
 # for develop
 test.html
-test.json
+buptnet.py
 
 # editors
 .idea

README.md

@@ -2,7 +2,7 @@
 
 `buptnet` ，方便北邮校园网登录的跨浏览器插件，基于 `Bootstrap3` 风格，主要采用 `jQuery` 和 `Highchart` 两个js库，主要功能有
 - 多账号记录保存，多账号切换
-- 打开浏览器，自动登录首选账号登录
+- 打开浏览器或检测到登录页面，自动登录首选账号登录
 - 剩余、使用流量占比可视化
 - 动态校外流量速度曲线
 - 账户网络、资费信息详情表格
@@ -55,10 +55,12 @@
 - **基本页面**里的转标签也可以将插件页面转为普通浏览器标签页，方便实时信息的查看和其他操作
 - **实时界面**提供5秒段校外流量曲线图，仅供测试参考，请不要常开此页面，以减轻学校网关服务器压力
 - **信息界面**里提供一些关于设备和账号的信息，其中账号名如果不是用本插件登录不准
-- **设置界面**可以进行自动登录的设置，自动登录原理为，当设备接入校园网时，一般浏览器会自动弹出登录界面，插件监听到这个页面并进行登录状态的判断，如果未登录则根据首选账号进行自动登录
+- **设置界面**可以进行插件的一些功能的个性化设置
+	- 自动登录，自动登录过程为，当设备接入校园网时触发默认浏览器打开时，或者用户自己打开浏览器时，插件会判断是否已经登录，如果未登录，插件将自动登录首选账号
+	- 监听登录，监听登录过程为，在打开浏览器的情况下，插件后台检测监听到一个校园网登录标签的创建，插件监听到这个页面后进行对登录状态的判断，如果未登录则根据首选账号进行自动登录
 	- 后台运行设置，开启后插件将后台运行，即插件将每隔15min对账号的流量使用情况进行监控，在输入框输入流量边界值，点击设置条目将边界值设置给相应条目，每个条目设置为零代表关闭该项的监控提醒
-	- 余量：当您剩余流量少于此值的时候，将会在浏览器内弹出提醒框，并在插件图标上显示剩余流量(单位G)
-	- 段量：当您15min的间隔使用的流量超过此值时，将会在浏览器内弹出提醒框
-	- 日量：您可以计划安排好每日使用流量，设置此值后，如果流量累计计算超出预设计算值，将会在浏览器内弹出提醒框
+		- 余量：当您剩余流量少于此值的时候，将会在浏览器内弹出提醒框，并在插件图标上显示剩余流量(单位G)
+		- 段量：当您15min的间隔使用的流量超过此值时，将会在浏览器内弹出提醒框
+		- 日量：您可以计划安排好每日使用流量，设置此值后，如果流量累计计算超出预设计算值，将会在浏览器内弹出提醒框
 - 关于界面里面提供一些常用导航和作者信息
 - **搜索bt**，使用本功能需要保证插浏览器保存登录过byr bt站，在网页上左键选中一段文字如"黑暗骑士"，右击菜单会出现"使用bt搜索黑暗骑士"的菜单项，点击该项会跳转bt的黑暗骑士搜索返回界面

css/popup.css

@@ -25,7 +25,7 @@ h1 {
   margin-top: 15px;
 }
 
-.input-group .glyphicon{
+.input-group .glyphicon {
   top: 0px;
 }
 
@@ -69,20 +69,20 @@ h1 {
   display: none;
 }
 
-#tab-setting .panel-body{
+#tab-setting .panel-body {
   padding: 8px 15px;
 }
 
-#bs-setting td > div{
+#bs-setting td > div {
   margin: 2px auto;
 }
 
-#bk-setting .switch > div{
+#bk-setting .switch > div {
   float: right;
   margin: -5px 0 0 0;
 }
 
-#bs-setting > .panel-heading{
+#bs-setting > .panel-heading {
   background-color: #5e81b5;
 }
 
@@ -94,8 +94,9 @@ h1 {
   width: 100%;
 }
 
-#bk-setting > .panel-heading{
+#bk-setting > .panel-heading {
   background-color: #905e93;
+  border-color: #905e93;
 }
 
 #bk-setting {
@@ -107,7 +108,7 @@ h1 {
   margin-bottom: 0px;
 }
 
-.modal-body > div{
+.modal-body > div {
   margin-top: 10px;
   text-align: center;
 }
@@ -117,6 +118,6 @@ h1 {
   text-align: center;
 }
 
-.error-template button{
+.error-template button {
   margin: 20px auto 10px auto;
 }

html/popup.html

@@ -177,7 +177,7 @@ <h3 class="panel-title">基础设置</h3>
 										<td align="right"><input id="sw-auto" type="checkbox"></td>
 									</tr>
 									<tr>
-										<th scope="row"><span data-toggle="tooltip" data-placement="right" title="重启浏览器后有效">监听登录页</span></th>
+										<th scope="row"><span data-toggle="tooltip" data-placement="right" title="发现登录页时登陆首选">监听登录</span></th>
 										<td align="right"><input id="sw-listen" type="checkbox"></td>
 									</tr>
 								</tbody>
@@ -295,16 +295,17 @@ <h2>404 Not Found</h2>
 					</div>
 					<div id="in-error">
 						您当前接入的为BUPT-portal，并且未登录<br> 点击下面的按钮使用首选账户接入校园网并登陆
-						<button type="button" id="btn-inlogin" class="btn btn-primary">接入校园网并登陆</button>					
+						<button type="button" id="btn-inlogin" class="btn btn-primary">接入校园网并登陆</button>
 					</div>
 					<div class="alert alert-danger" style="display:none" id="inlogin-fail">
 						首选账号为空，请自行接入校园网
-					</div>					
+					</div>
 				</div>
 			</div>
 		<!-- end of 404 -->
 		</div>
 
+	<!-- end of container -->
 	</div>
 
 	<div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="myModalLabel">