<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="en" />
<title>MergeQuestJS</title>
<script>
P4JsApi.setWebKitDeveloperExtrasEnabled(true);
</script>
<!-- Style Sheets -->
<link rel="stylesheet" type="text/css" href="../src/css/mergequest.css" />
<link rel="stylesheet" type="text/css" href="../src/css/mergequest-ui-layout.css" />
<link rel="stylesheet" type="text/css" href="../src/lib/jquery/css/layout-default-latest.css" />
<link rel="stylesheet" type="text/css" href="../src/lib/jquery/css/cupertino/jquery-ui-1.8.17.custom.css" />
<script type="text/javascript" src="../src/lib/underscore-1.3.3.js"></script>
<!-- JQuery and JQuery UI -->
<script type="text/javascript" src="../src/lib/jquery/jquery-1.7.1.js"></script>
<script type="text/javascript" src="../src/lib/jquery/jquery-ui-1.8.17.custom.js"></script>
<!-- JQuery Plugins - Layout and Tools -->
<script type="text/javascript" src="../src/lib/jquery/jquery.layout-latest.js"></script>
<script type="text/javascript" src="../src/lib/jquery/jquery.layout.resizePaneAccordions-1.0.js"></script>
<script type="text/javascript" src="../src/lib/jquery/jquery.selectonfocus.js"></script>
<script type="text/javascript" src="../src/lib/jquery/jquery.enterkey.js"></script>
<!-- jsPlumb Diagramming Library -->
<script type="text/javascript" src="../src/lib/jsPlumb/jquery.jsPlumb-1.3.7-all.js"></script>
<!-- MergeQuest -->
<script type="text/javascript" src="../src/js/Mjs.js"></script>
<script type="text/javascript" src="../src/js/notify.js"></script>
<script type="text/javascript" src="../src/js/ViewMainView.js"></script>
<script type="text/javascript" src="../src/js/DialogCreateCodeline.js"></script>
<script type="text/javascript" src="../src/js/DialogCreateConnector.js"></script>
<script type="text/javascript" src="../src/js/DialogConfirmDelete.js"></script>
<script type="text/javascript" src="../src/js/DialogBrowseBranches.js"></script>
<script type="text/javascript" src="../src/js/DialogExportGraph.js"></script>
<script type="text/javascript" src="../src/js/DialogImportGraph.js"></script>
<script type="text/javascript" src="../src/js/DialogClearGraph.js"></script>
<script type="text/javascript" src="../src/js/Util.js"></script>
<script type="text/javascript" src="../src/js/Models.js"></script>
</head>
<body onunload="jsPlumb.unload()" data-library="jquery">
<div class="ui-layout-north ui-widget-content" style="display: none;">
<h4 class= "ui-widget-header">Merge Quest
<div class="ui-widget" style="float: right;">
<!--<button id="refresh-graph">Refresh</button>-->
<button id="export-graph">Export Graph</button>
<button id="import-graph">Import Graph</button>
<button id="clear-graph">Clear Graph</button>
</div>
</h4>
</div>
<!-- <div class="ui-layout-south ui-widget-content" style="display: none;"> Merge Tasks </div> -->
<div class="ui-layout-south ui-widget-content">
<h3 class="ui-widget-header">Merge Tasks</h3></div>
<div class="ui-layout-center" style="display: none;">
<!-- <h3 class="ui-widget-header">Canvas</h3> -->
<div style="position:absolute">
<div id="JSPlumbDiagram">
</div>
</div>
</div>
<div class="ui-layout-west" style="display: none;">
<div id="accordion1" class="basic">
<h3><a href="#">Codelines</a></h3>
<div>
<button id="create-devel" class='ui-icon-devel'>Development - Add a development codeline</button>
<button id="create-main" class='ui-icon-main'>Main - Add a main codeline</button>
<button id="create-release" class='ui-icon-rel'>Release - Add a release codeline</button>
</div>
<h3><a href="#">Tips</a></h3>
<ol>
<li>Click on a Codeline to add it to the canvas.</li>
<li>Click and drag the <icon> inside the Codeline object to connect it to another Codeline</li>
</ol>
</div>
</div>
<div id="dialog-create-codeline" title="New Codeline">
<p class="validateTips">Add a new codeline to the page</p>
<select class='codeline_menu ui-widget' id='codeline_type'>
<option value="development">Development</option>
<option value="main">Main</option>
<option value="release">Release</option>
</select>
<img id="code_image" src='css/images/branch_dev.png'/>
<br/>
<label>Codeline Name: </label>
<input type="text" name="code_name" id="code_name" class="text ui-widget-content ui-corner-all" /><br/>
</div>
<div id="dialog-create-connector" class="branch" title="Configure Codeline Connector">
<!-- NORTH -->
<div class="ui-layout-north ui-widget-header ui-corner-all">
<div class="validateTips">Connect codelines using:</div>
<select class='conn_menu' id='conn_type'>
<option value="branch">Branch</option>
<option value="path">Depot Path</option>
</select>
<label class="branch_name_label">Name: </label>
<input type="text" name="branch_name" id="branch_name" class="text ui-widget-content ui-corner-all" size="40" />
<button id="browse_branch"><img src="css/images/find.png" /></button>
</div>
<!-- WEST textarea -->
<div class="ui-layout-west ui-widget-content ui-corner-all">
<div class="pane-header ui-state-active">
<label>Source:</label>
</div>
<div class="ui-layout-content source-left"></div>
<div class="pane-footer ui-state-active">
<label>Codeline Name:</label>
<input type="text" name="source_name" id="source_name" class="text ui-corner-all" size="25" readonly="readonly"/>
</div>
</div>
<!-- CENTER 3 directional buttons-->
<div class="ui-layout-center ui-widget-content ui-corner-all">
<!-- <div class="pane-header ui-state-active">Center Header</div> -->
<div class="ui-layout-content ui-widget-content" style="border: 0;">
<div id="radio" class= "ui-widget">
<input type="radio" id="radio1" name="radio" value="target" checked="checked" /><label for="radio1">Choice 1</label><br/>
<input type="radio" id="radio2" name="radio" value="both" /><label for="radio2">Choice 2</label><br/>
<input type="radio" id="radio3" name="radio" value="source"/><label for="radio3">Choice 3</label>
</div>
<!-- <div id="radio"> -->
<!-- <button id="arrow_both"><img src="css/images/arrow_right.png" /></button><br/> -->
<!-- <button id="browse_branch"><img src="css/images/arrow_both.png" /></button><br/> -->
<!-- <button id="browse_branch"><img src="css/images/arrow_left.png" /></button> -->
<!-- </div> -->
</div>
</div>
<!-- EAST textarea -->
<div class="ui-layout-east ui-widget-content ui-corner-all">
<div class="pane-header ui-state-active">
<label>Target:</label>
</div>
<div class="ui-layout-content source-right"></div>
<div class="pane-footer ui-state-active">
<label>Codeline Name:</label>
<input type="text" name="target_name" id="target_name" class="text ui-widget-content ui-corner-all" size="25" readonly="readonly"/>
</div>
</div>
<!-- SOUTH -->
<!-- <div class="ui-layout-south ui-widget-header ui-corner-all"> -->
<!-- South Pane ( messages or statusbar ) -->
<!-- </div> -->
</div>
<div id="dialog-browse-branches" title="Select a branch">
<label>Owner: </label>
<input type="text" name="owner_name" id="owner_name" class="text ui-widget-content ui-corner-all" />
<label>Name contains: </label>
<input type="text" name="branch_name" id="branch_name" class="text ui-widget-content ui-corner-all" />
<div id="branches-contain" class="ui-widget">
<!-- <p>Existing Branches:</p> -->
<table id="branches" class="ui-widget ui-widget-content">
<thead>
<tr class="ui-widget-header ">
<th>Name</th>
<th>Owner</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
</tr>
</tbody>
</table>
</div>
</div>
<div id="dialog-confirm-delete" title="Remove Codeline or Connections">
<div>
<div class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;">
</div>
<p>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>
</div>
<div id="dialog-export-graph" title="Export Graph">
<textarea class="ui-widget xml-export"></textarea>
</div>
<div id="dialog-import-graph" title="Import Graph">
<div class="error-message"></div>
<textarea class="ui-widget xml-import"></textarea>
</div>
<div id="dialog-clear-graph" title="Confirm Clearing Graph">
<div>
Are you sure you want to delete all elements in this graph?
</div>
</div>
</body>
</html>