update web interface

web/page.js

@@ -1,253 +0,0 @@
-seajs.config({
-    base: 'http://static.alipayobjects.com/',
-    alias: {
-		'$'         : 'jquery/jquery/1.7.2/jquery',
-		'Backbone'  : 'gallery/backbone/1.1.2/backbone.js',
-		'Underscore': 'gallery/underscore/1.6.0/underscore.js'
-    }
-});
-
-seajs.use(['$','Underscore' ,'Backbone'], function($, _, Backbone) {
-	Backbone.$ = $;
-
-	$(function(){
-
-		//record detail
-		var DetailView = function(){
-			var self      = this,
-				$detailEl = $(".J_recordDetailOverlay"),
-				$mask;
-
-			//init mask
-			$mask = $("<div></div>").addClass("overlay_mask").hide();
-			$("body").append($mask);
-
-			//bind events
-			$(document).on("keyup",function(e){
-				if(e.keyCode == 27){ //ESC
-					self.hideDetail();
-				}
-			});
-
-			$mask.on("click",function(e){
-				self.hideDetail();
-			});
-
-			$(".J_escBtn",$detailEl).on("click",function(e){
-				self.hideDetail();
-			});
-
-			self.addMask = function(){
-
-			}
-
-			self.showDetail = function(data){
-				var tpl = _.template($("#detail_tpl").html() , data);
-
-				$(".J_recordDetailOverlayContent",$detailEl).html(tpl);
-			    $detailEl.show();
-			    $mask.show();
-
-			    if(data.statusCode){ //if finished
-			    	$.ajax({
-			    		url:"/body?id=" + data._id,
-			    		headers:{
-			    			anyproxy_web_req : true
-			    		},
-			    		type : "GET",
-			    		success:function(data){
-				    	    $(".J_responseBody", $detailEl).html(data);
-				    	}
-			    	});
-
-			    }
-			};
-
-			self.hideDetail = function(){
-				$detailEl.hide();
-				$mask.hide();
-			};
-		};	
-		var detailPanel     = new DetailView();
-
-		//record list
-		var RecordModel = Backbone.Model.extend({});
-		var RecordList  = Backbone.Collection.extend({
-			initialize:function(){
-				var self = this;
-
-				self.on("add",function(data){
-					new RecordRowView({
-						model:data,
-						detailPanel : detailPanel
-					});
-				});
-
-				self.on("reset",function(){
-					$(".J_tableBody").empty();
-				});
-			}
-		});
-
-		var RecordRowView = Backbone.View.extend({
-			tagName : "tr",
-			className:function(){
-				return this.model.toJSON().id % 2 ? "row_odd" : "row_even";
-			},
-			tpl   : $("#main_table_row").html(),
-			initialize:function(data){
-				var self = this;
-				self.model.on("change",self.render,self);
-				self.addNewRecord();
-				self.detailPanel = data.detailPanel;
-			},
-			events: {
-				click: function(e){
-					e.stopPropagation();
-					var self = this;
-					var detailData = self.model.toJSON();
-					self.detailPanel.showDetail(detailData);
-				}
-			},
-			render: function(){
-				var self = this,
-					data = self.model.toJSON();
-				if(!data.statusCode){
-					data.statusCode = "-";
-				}else{
-					self.$el.addClass("record_status_done")
-				}
-
-				if(!data.mime){
-					data.mime = "-";
-				}
-
-				var html = _.template(self.tpl, data);
-				self.$el.attr("recordId",data.id).empty().html(html);
-
-				return self;
-			},
-			addNewRecord:function(){
-				$(".J_tableBody").prepend(this.render().$el);
-			}
-		});
-
-		var recList         = new RecordList();
-
-		//other controllers
-		$(".J_clearBtn").on("click",function(e){
-			e.stopPropagation();
-			e.preventDefault();
-
-			clearLogs();
-		});
-
-		$(document).on("keyup",function(e){
-			if(e.keyCode == 88 && e.ctrlKey){ // ctrl + x
-				clearLogs();
-			}
-		});
-
-		function clearLogs(){
-			recList.reset();
-		}
-
-		//pause btn
-		var ifPause = false;
-		(function(){
-			var statusBtn = $(".J_statusBtn");
-			statusBtn.on("click",function(e){
-				e.stopPropagation();
-				e.preventDefault();
-
-				$(".J_statusBtn").removeClass("btn_disable");
-				$(this).addClass("btn_disable");
-
-				if(/stop/i.test($(this).html()) ){
-					ifPause = true;
-				}else{
-					ifPause = false;
-				}
-			});
-		})();
-
-		//data via web socket
-		if(!WebSocket){
-			alert("WebSocket is required. Please use a modern browser.");
-			return;
-		}
-		var socketPort = $("#socketPort").val(),
-			baseUrl    = $("#baseUrl").val(),
-		    dataSocket = new WebSocket("ws://" + baseUrl + ":" + socketPort);
-		dataSocket.onopen = function(){}
-
-		dataSocket.onmessage = function(event){
-			if(ifPause) return;
-			var data = JSON.parse(event.data);
-
-			var reqDate = new Date(data.startTime);
-			data.startTimeStr = reqDate.toLocaleDateString()+ " " + reqDate.toLocaleTimeString();
-
-			var previous;
-			if(previous = recList.get(data.id)){
-				previous.set(data);	
-			}else{
-				recList.add(new RecordModel(data),{merge: true});
-			}
-		}
-
-		dataSocket.onerror = function(e){
-			console.log(e);
-			alert("socket err, please refresh");
-		}
-
-	});
-
-	//draggable panel
-	(function(){
-		var i        = 0;
-		var dragging = false,
-		pageX = 0;
-		$('#dragbar').mousedown(function(e){
-			pageX = e.pageX;
-			e.preventDefault();
-			dragging = true;
-			var main = $('.J_recordDetailOverlay');
-			var ghostbar = $('<div>',{
-				id:'ghostbar',
-				css: {
-					height: main.outerHeight(),
-					top: main.offset().top,
-					left: main.offset().left
-				}
-			}).appendTo('body');
-
-			$(document).mousemove(function(e){
-				ghostbar.css("left",e.pageX);
-			});
-		});
-
-		$(document).mouseup(function(e){
-			if (dragging) {
-				var deltaPageX = e.pageX - pageX;
-				
-				$('.J_recordDetailOverlay').css("left",pageX + deltaPageX);
-				if($('.J_recordDetailOverlay').width()<=100){
-					$('.J_recordDetailOverlay').animate({
-						'right': $('.J_recordDetailOverlay').width()
-					},300,function(){
-						$('.J_escBtn').trigger('click');
-					});
-					
-				}
-				pageX = e.pageX;
-				$('#ghostbar').remove();
-				$(document).unbind('mousemove');
-				dragging = false;
-				
-			}
-		});
-
-	})();
-
-});