act_rest.html

﻿<html><head>	<link rel="stylesheet" href="style.css" type="text/css" media="screen">	<!--<script src="http://raphaeljs.com/raphael.js" type="text/javascript" charset="utf-8"></script>-->	<script src="js/raphael.js" type="text/javascript" charset="utf-8"></script>	<script src="js/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>	<script src="js/Color.js" type="text/javascript" charset="utf-8"></script>	<script src="js/ProcessDiagramGenerator.js" type="text/javascript" charset="utf-8"></script>		<script src="js/ActivitiRest.js" type="text/javascript" charset="utf-8"></script>	<style type="text/css" media="screen">		#holder {			h_eight: 250px;			m_argin: -125px 0 0 -400px;			w_idth: 800px;						width:800px;			height:600px;					}	</style></head><body>	<div style="float:left; border:1px solid #dedede;">		<div id="holder"></div>	</div><script language='javascript'>$(document).ready(function(){	ActivitiRest.options = {		/*		processInstanceHighLightsUrl: "./activiti-rest/process-instance.php?id={processInstanceId}",		processDefinitionUrl: "./activiti-rest/process-difinition-diagram-layout.php?id={processDefinitionId}",		processDefinitionByKeyUrl: "./activiti-rest/process-definition.php?id={processDefinitionKey}",		*/		processInstanceHighLightsUrl: "http://localhost/diagram-viewer/activiti-rest/process-instance.php?id={processInstanceId}&callback=?",		processDefinitionUrl: "http://localhost/diagram-viewer/activiti-rest/process-difinition-diagram-layout.php?id={processDefinitionId}&callback=?",		processDefinitionByKeyUrl: "http://localhost/diagram-viewer/activiti-rest/process-definition.php?id={processDefinitionKey}&callback=?",				diagramBreadCrumbsId: "diagramBreadCrumbs",		diagramHolderId: "diagramHolder",		diagramInfoId: "diagramInfo",	};			var processDefinitionId = "techCollectionProcess";		var processDefinitionId = "techCollectionProcess:2:2368";			var callback = function(){			var processDefinitionId = this.processDefinitionId;			console.log("processDefinitionId: ", processDefinitionId)						//this.addBreadCrumbsItem(processDefinitionId);						// Check if processDefinition is already loaded and rendered								};			if (processDefinitionId.indexOf(":") < 0) {			ActivitiRest.getProcessDefinitionByKey(processDefinitionId, callback);		} else {			callback.apply({processDefinitionId: processDefinitionId});		}	});</script></body></html>