<%@page
	import="com.blueland.bpm.engine.core.model.ProcessDefinitionModel"%>
<%@page import="com.blueland.bpm.engine.config.model.ProcessInfoConfig"%>
<%@page import="com.blueland.bpm.common.page.*"%>
<%@page import="com.blueland.bpm.common.util.*"%>
<%@page import="java.util.*"%>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib tagdir="/WEB-INF/tags/simpletable" prefix="simpletable"%>
<%@ include file="/commons/taglibs.jsp"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>流程历史对比</title>
<%@ include file="/commons/meta.jsp"%>
<link rel="stylesheet" type="text/css" href="${ctx}/resource/js/plugins/diff/app/bpmnio.css">
<link rel="stylesheet" type="text/css" href="${ctx}/resource/js/plugins/diff/assets/diff.css">
<link rel="stylesheet" type="text/css" href="${ctx}/resource/js/plugins/diff/app/app.css">
<link href="${ctx}/resource/js/plugins/loadmask/jquery.loadmask.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div class="content">
	<textarea name="xmlOld" rows="5" cols="20" style="display:none" id="xmlOld">
	${xmlOld}
	</textarea>
	<textarea name="xmlNew" rows="5" cols="20" style="display:none" id="xmlNew">
	${xmlNew}
	</textarea>
    <div class="di-container left drop-zone" target="left">
	  <div class="panel panel-primary">
		<div class="panel-heading">
			<h8>${nameOld}</h8>
		</div>
	  </div>
      <div class="canvas" id="canvas-left"></div>
    </div>

    <div class="di-container right drop-zone" target="right">
	  <div class="panel panel-primary">
		<div class="panel-heading">
			<h8>${nameNew}</h8>
		</div>
	  </div>
      <div class="canvas" id="canvas-right"></div>
    </div>

    <div id="changes-overview" class="collapsed">
      <div class="io-control show-hide-toggle">对比详情</div>
      <div class="io-control changes"></div>
    </div>

  </div>
  <!-- viewer -->
<script  type='text/javascript'src="${ctx}/resource/js/plugins/diff/app/bpmn-viewer.js"></script>
<!-- app -->
<script type='text/javascript' src="${ctx}/resource/js/plugins/diff/app/app.js"></script>
  <script type="text/javascript">
  $(function(){	
	  getXmlContent();
	})
	function getXmlContent(){
		openDiagram($("#xmlOld").val(),"left");
	    openDiagram($("#xmlNew").val(),"right");
	}

</script>
</body>
</html>

