增加debug log的内容

index.html

@@ -137,6 +137,9 @@ <h2></h2>
       <ul class="dropdown-menu" role="menu">
       </ul>
     </div>
-
+    <div>
+      <ul id="debug-log">
+      </ul>
+    </div>
   </body>
 </html>

raft.js

@@ -24,8 +24,17 @@ var BATCH_SIZE = 3;
     //TODO 加入消息丢失的模拟
     if(Math.random()>0.1){
       model.messages.push(message);
+      model.debugLogs.unshift(`${JSON.stringify(message)} transferred successfully`)
+      if (model.debugLogs.length>9){
+        model.debugLogs.splice(-1,1);
+      }
     }else{
       model.messages.push({});
+      model.debugLogs.unshift(`${JSON.stringify(message)} missed!`)
+      if (model.debugLogs.length>9){
+        model.debugLogs.splice(-1,1);
+      }
+
     }
   };
 
@@ -190,10 +199,11 @@ var BATCH_SIZE = 3;
   //处理拉票响应
   var handleRequestVoteReply = function(model, server, reply) {
     if (server.term < reply.term)
-      stepDown(model, server, reply.term); //如果接收到的 RPC 请求或响应中，任期号T > currentTerm，则令 currentTerm = T，并切换为跟随者状态（5.1 节）
+      stepDown(model, server, reply.term);
+    //如果接收到的 RPC 请求或响应中，任期号T > currentTerm，则令 currentTerm = T，并切换为跟随者状态（5.1 节）
     if (server.state == 'candidate' &&
         server.term == reply.term) {
-      server.rpcDue[reply.from] = util.Inf;
+      server.rpcDue[reply.from] = util.Inf; //收到reply代表的选票结果,暂时不允许RPC超时
       server.voteGranted[reply.from] = reply.granted;
     }
   };

script.js

@@ -32,6 +32,7 @@ replay = function(name, done) {
 state = makeState({
   servers: [],
   messages: [],
+  debugLogs:[]
 });
 
 var sliding = false;
@@ -398,7 +399,15 @@ render.logs = function() {
     }
   });
 };
-
+render.debugLogs=function () {
+  var debugListDom=$('#debug-log');
+  debugListDom.empty();
+  state.current.debugLogs.forEach(function (log, index) {
+    var liDom =$('<li></li>')
+    liDom.attr('id','log-'+index).append(log)
+    debugListDom.append(liDom)
+  })
+}
 render.messages = function(messagesSame) {
   var messagesGroup = $('#messages', svg);
   if (!messagesSame) {
@@ -621,6 +630,7 @@ render.update = function() {
   render.clock();
   render.servers(serversSame);
   render.messages(messagesSame);
+  render.debugLogs();
   if (!serversSame)
     render.logs();
 };

state.js

@@ -29,6 +29,7 @@ var makeState = function(initial) {
   };
   var self = {
     current: initial,
+
     getMaxTime: function() {
       return maxTime;
     },