Deployed, but no diagram shown

[houstoniasian]

I deployed a process.  However, when I click on the link to show the diagram, it shows a blank screen.  I click on convert to editable model, it works and show the diagram.  What's going on? 

<?xml version="1.0" encoding="UTF-8"?>
<definitions xmlns="http://www.omg.org/spec/BPMN/20100524/MODEL" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:activiti="http://activiti.org/bpmn" xmlns:bpmndi="http://www.omg.org/spec/BPMN/20100524/DI" xmlnsmgdc="http://www.omg.org/spec/DD/20100524/DC" xmlnsmgdi="http://www.omg.org/spec/DD/20100524/DI" typeLanguage="http://www.w3.org/2001/XMLSchema" expressionLanguage="http://www.w3.org/1999/XPath" targetNamespace="http://www.activiti.org/test">
  <process id="jointPersonnelRecovery" name="Joint Personnel Recovery (Main)" isExecutable="true">
    <startEvent id="startevent1" name="Start"></startEvent>
    <callActivity id="prepareForcesActivity" name="Prepare Forces"></callActivity>
    <sequenceFlow id="flow1" sourceRef="startevent1" targetRef="prepareForcesActivity"></sequenceFlow>
    <callActivity id="planForcesActivity" name="Plan Forces"></callActivity>
    <sequenceFlow id="flow2" sourceRef="prepareForcesActivity" targetRef="planForcesActivity"></sequenceFlow>
    <callActivity id="executeForcesActivity" name="Execute Forces" calledElement="executeForcesProcess"></callActivity>
    <sequenceFlow id="flow3" sourceRef="planForcesActivity" targetRef="executeForcesActivity"></sequenceFlow>
    <callActivity id="adaptForcesActivity" name="Adapt Forces"></callActivity>
    <sequenceFlow id="flow4" sourceRef="executeForcesActivity" targetRef="adaptForcesActivity"></sequenceFlow>
    <endEvent id="endevent1" name="End"></endEvent>
    <sequenceFlow id="flow5" sourceRef="adaptForcesActivity" targetRef="endevent1"></sequenceFlow>
  </process>
  <bpmndi:BPMNDiagram id="BPMNDiagram_jointPersonnelRecovery">
    <bpmndi:BPMNPlane bpmnElement="jointPersonnelRecovery" id="BPMNPlane_jointPersonnelRecovery">
      <bpmndi:BPMNShape bpmnElement="startevent1" id="BPMNShape_startevent1">
        <omgdc:Bounds height="35.0" width="35.0" x="90.0" y="220.0"></omgdc:Bounds>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape bpmnElement="callactivity1" id="BPMNShape_callactivity1">
        <omgdc:Bounds height="55.0" width="105.0" x="170.0" y="210.0"></omgdc:Bounds>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape bpmnElement="endevent1" id="BPMNShape_endevent1">
        <omgdc:Bounds height="35.0" width="35.0" x="810.0" y="220.0"></omgdc:Bounds>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape bpmnElement="prepareForcesActivity" id="BPMNShape_prepareForcesActivity">
        <omgdc:Bounds height="55.0" width="105.0" x="170.0" y="210.0"></omgdc:Bounds>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape bpmnElement="planForcesActivity" id="BPMNShape_planForcesActivity">
        <omgdc:Bounds height="55.0" width="105.0" x="330.0" y="210.0"></omgdc:Bounds>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape bpmnElement="executeForcesActivity" id="BPMNShape_executeForcesActivity">
        <omgdc:Bounds height="55.0" width="105.0" x="490.0" y="210.0"></omgdc:Bounds>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNShape bpmnElement="adaptForcesActivity" id="BPMNShape_adaptForcesActivity">
        <omgdc:Bounds height="55.0" width="105.0" x="650.0" y="210.0"></omgdc:Bounds>
      </bpmndi:BPMNShape>
      <bpmndi:BPMNEdge bpmnElement="flow1" id="BPMNEdge_flow1">
        <omgdi:waypoint x="125.0" y="237.0"></omgdi:waypoint>
        <omgdi:waypoint x="170.0" y="237.0"></omgdi:waypoint>
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge bpmnElement="flow2" id="BPMNEdge_flow2">
        <omgdi:waypoint x="275.0" y="237.0"></omgdi:waypoint>
        <omgdi:waypoint x="330.0" y="237.0"></omgdi:waypoint>
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge bpmnElement="flow3" id="BPMNEdge_flow3">
        <omgdi:waypoint x="435.0" y="237.0"></omgdi:waypoint>
        <omgdi:waypoint x="490.0" y="237.0"></omgdi:waypoint>
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge bpmnElement="flow4" id="BPMNEdge_flow4">
        <omgdi:waypoint x="595.0" y="237.0"></omgdi:waypoint>
        <omgdi:waypoint x="650.0" y="237.0"></omgdi:waypoint>
      </bpmndi:BPMNEdge>
      <bpmndi:BPMNEdge bpmnElement="flow5" id="BPMNEdge_flow5">
        <omgdi:waypoint x="755.0" y="237.0"></omgdi:waypoint>
        <omgdi:waypoint x="810.0" y="237.0"></omgdi:waypoint>
      </bpmndi:BPMNEdge>
    </bpmndi:BPMNPlane>
  </bpmndi:BPMNDiagram>
</definitions>

[martin_grofcik]

Hello.
I tried to deploy your process to the latest snapshot from trunk. It works on the deployment tab. Image generator does not work for processes.

TypeError: processDefinitionDiagramLayout.processDefinition is undefined


var processDefinitionId = processDefinitionDiagramLayout.processDefinition.id;

<code>
generateDiagram: function(processDefinitionDiagramLayout){
// Init canvas
var processDefinitionId = processDefinitionDiagramLayout.processDefinition.id;
</code>

After some debugging the reason is:
calledElement="…" in callActivity tag is missing. That's why org.activiti.engine.impl.DeploymentQueryImpl#processDefinitionKey throws ActivitiIllegalArgumentException("key is null");.
add calledEtement attribute to each callActivity where it is missing.

<callActivity id="executeForcesActivity" name="Execute Forces" calledElement="jointPersonnelRecovery"></callActivity>