Helix SwarmHelix Swarm
Loading...

mergequest.html

  • //
  • guest/
  • christiane_renck/
  • mergequestjs/
  • main/
  • src/
  • mergequest.html #1
  • View
  • Commits
  • Open Download .zip Download (9 KB) 
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5.     <meta name="language" content="en" />
  6.  
  7.     <title>MergeQuestJS</title>
  8.     
  9.     <script>
  10.      P4JsApi.setWebKitDeveloperExtrasEnabled(true);
  11.     </script>
  12.     
  13.     <!-- Style Sheets -->
  14.     <link rel="stylesheet" type="text/css" href="../src/css/mergequest.css" />
  15.     <link rel="stylesheet" type="text/css" href="../src/css/mergequest-ui-layout.css" />
  16.     <link rel="stylesheet" type="text/css" href="../src/lib/jquery/css/layout-default-latest.css" />
  17.     <link rel="stylesheet" type="text/css" href="../src/lib/jquery/css/cupertino/jquery-ui-1.8.17.custom.css" />
  18.  
  19.     <script type="text/javascript" src="../src/lib/underscore-1.3.3.js"></script>
  20.     <!-- JQuery and JQuery UI -->
  21.     <script type="text/javascript" src="../src/lib/jquery/jquery-1.7.1.js"></script>
  22.     <script type="text/javascript" src="../src/lib/jquery/jquery-ui-1.8.17.custom.js"></script>
  23.     
  24.     <!-- JQuery Plugins - Layout and Tools -->
  25.     <script type="text/javascript" src="../src/lib/jquery/jquery.layout-latest.js"></script>
  26.     <script type="text/javascript" src="../src/lib/jquery/jquery.layout.resizePaneAccordions-1.0.js"></script>
  27.     <script type="text/javascript" src="../src/lib/jquery/jquery.selectonfocus.js"></script>
  28.     <script type="text/javascript" src="../src/lib/jquery/jquery.enterkey.js"></script>
  29.     <!--     jsPlumb Diagramming Library -->
  30.     <script type="text/javascript" src="../src/lib/jsPlumb/jquery.jsPlumb-1.3.7-all.js"></script>
  31.     
  32.     <!--     MergeQuest -->
  33.     <script type="text/javascript" src="../src/js/Mjs.js"></script>
  34.     <script type="text/javascript" src="../src/js/notify.js"></script>
  35.     <script type="text/javascript" src="../src/js/ViewMainView.js"></script>
  36.     <script type="text/javascript" src="../src/js/DialogCreateCodeline.js"></script>
  37.     <script type="text/javascript" src="../src/js/DialogCreateConnector.js"></script>
  38.     <script type="text/javascript" src="../src/js/DialogConfirmDelete.js"></script>
  39.     <script type="text/javascript" src="../src/js/DialogBrowseBranches.js"></script>
  40.     <script type="text/javascript" src="../src/js/DialogExportGraph.js"></script>
  41.     <script type="text/javascript" src="../src/js/DialogImportGraph.js"></script>
  42.     <script type="text/javascript" src="../src/js/DialogClearGraph.js"></script>
  43.     <script type="text/javascript" src="../src/js/Util.js"></script>
  44.     <script type="text/javascript" src="../src/js/Models.js"></script>
  45.  
  46.   </head>
  47.   <body onunload="jsPlumb.unload()" data-library="jquery">
  48.  
  49.     <div class="ui-layout-north ui-widget-content" style="display: none;">
  50.       <h4 class= "ui-widget-header">Merge Quest
  51.         <div class="ui-widget" style="float: right;">
  52.           <!--<button id="refresh-graph">Refresh</button>-->
  53.           <button id="export-graph">Export Graph</button>
  54.           <button id="import-graph">Import Graph</button>
  55.           <button id="clear-graph">Clear Graph</button>
  56. 	</div>
  57.       </h4>
  58.  
  59.     </div>
  60.  
  61.     <!-- <div class="ui-layout-south ui-widget-content" style="display: none;"> Merge Tasks </div> -->
  62.     <div class="ui-layout-south ui-widget-content">
  63.       <h3 class="ui-widget-header">Merge Tasks</h3></div>
  64.  
  65.     <div class="ui-layout-center" style="display: none;"> 
  66.       <!-- 	<h3 class="ui-widget-header">Canvas</h3> -->
  67.       <div style="position:absolute">
  68.         <div id="JSPlumbDiagram">
  69.         </div>
  70.       </div>	         
  71.     </div>
  72.  
  73.     <div class="ui-layout-west" style="display: none;">
  74.       <div id="accordion1" class="basic">
  75.  
  76. 	<h3><a href="#">Codelines</a></h3>
  77. 	<div>
  78.           <button id="create-devel" class='ui-icon-devel'>Development - Add a development codeline</button>
  79.           <button id="create-main" class='ui-icon-main'>Main - Add a main codeline</button>
  80.           <button id="create-release" class='ui-icon-rel'>Release - Add a release codeline</button>
  81. 	</div>
  82.         <h3><a href="#">Tips</a></h3>
  83.         <ol>
  84.           <li>Click on a Codeline to add it to the canvas.</li>
  85.           <li>Click and drag the <icon> inside the Codeline object to connect it to another Codeline</li>
  86.         </ol>
  87.       </div>
  88.     </div>
  89.  
  90.  
  91.     <div id="dialog-create-codeline" title="New Codeline">
  92.       <p class="validateTips">Add a new codeline to the page</p>
  93.       <select class='codeline_menu ui-widget' id='codeline_type'>
  94.         <option value="development">Development</option>
  95.         <option value="main">Main</option>
  96.         <option value="release">Release</option>
  97.       </select>
  98.       <img id="code_image" src='css/images/branch_dev.png'/>
  99.       <br/>
  100.       <label>Codeline Name: </label>
  101.       <input type="text" name="code_name" id="code_name" class="text ui-widget-content ui-corner-all" /><br/>
  102.     </div>
  103.  
  104.     <div  id="dialog-create-connector" class="branch" title="Configure Codeline Connector">
  105.  
  106.       <!-- NORTH -->
  107.       <div class="ui-layout-north ui-widget-header ui-corner-all">
  108.         <div class="validateTips">Connect codelines using:</div>
  109.         <select class='conn_menu' id='conn_type'>
  110.           <option value="branch">Branch</option>
  111.           <option value="path">Depot Path</option>
  112.         </select>
  113.         <label class="branch_name_label">Name: </label>
  114.         <input type="text" name="branch_name" id="branch_name" class="text ui-widget-content ui-corner-all" size="40" />
  115.         <button id="browse_branch"><img src="css/images/find.png" /></button>
  116.       </div>
  117.  
  118.       <!-- WEST textarea -->
  119.       <div class="ui-layout-west ui-widget-content ui-corner-all"> 
  120.         <div class="pane-header ui-state-active">
  121.           <label>Source:</label>
  122.         </div>
  123. 	<div class="ui-layout-content source-left"></div>        
  124.         <div class="pane-footer ui-state-active">
  125.           <label>Codeline Name:</label>
  126.           <input type="text" name="source_name" id="source_name" class="text ui-corner-all" size="25" readonly="readonly"/>   
  127.         </div>
  128.       </div>  
  129.  
  130.       <!-- CENTER 3 directional buttons-->
  131.       <div class="ui-layout-center ui-widget-content ui-corner-all"> 
  132. 	<!--    <div class="pane-header ui-state-active">Center Header</div> -->
  133. 	<div class="ui-layout-content ui-widget-content" style="border: 0;">	   
  134. 	  <div id="radio" class= "ui-widget">
  135. 	    <input type="radio" id="radio1" name="radio" value="target" checked="checked" /><label for="radio1">Choice 1</label><br/>
  136. 	    <input type="radio" id="radio2" name="radio" value="both" /><label for="radio2">Choice 2</label><br/>
  137. 	    <input type="radio" id="radio3" name="radio" value="source"/><label for="radio3">Choice 3</label>
  138. 	  </div>
  139. 	  
  140. 	  <!--                 <div id="radio">  -->
  141. 	  <!-- 		        <button id="arrow_both"><img src="css/images/arrow_right.png" /></button><br/> -->
  142. 	  <!-- 		        <button id="browse_branch"><img src="css/images/arrow_both.png" /></button><br/> -->
  143. 	  <!-- 		        <button id="browse_branch"><img src="css/images/arrow_left.png" /></button> -->
  144. 	  <!-- 		        </div> -->
  145. 	</div> 
  146.       </div>
  147.       
  148.       
  149.       <!--  EAST  textarea  -->
  150.       <div class="ui-layout-east ui-widget-content ui-corner-all"> 
  151.         <div class="pane-header ui-state-active">
  152.           <label>Target:</label>
  153.         </div>
  154.         <div class="ui-layout-content source-right"></div> 
  155.         <div class="pane-footer ui-state-active">
  156.           <label>Codeline Name:</label>
  157.           <input type="text" name="target_name" id="target_name" class="text ui-widget-content ui-corner-all" size="25" readonly="readonly"/>       
  158.         </div>      
  159.       </div>
  160.       
  161.       <!-- SOUTH  -->
  162.       <!--     <div class="ui-layout-south ui-widget-header ui-corner-all">  -->
  163.       <!--         South Pane ( messages or statusbar ) -->
  164.       <!--     </div> -->
  165.       
  166.  
  167.     </div>
  168.  
  169.  
  170.     <div id="dialog-browse-branches" title="Select a branch">
  171.       <label>Owner: </label>
  172.       <input type="text" name="owner_name" id="owner_name" class="text ui-widget-content ui-corner-all" />
  173.       <label>Name contains: </label>
  174.       <input type="text" name="branch_name" id="branch_name" class="text ui-widget-content ui-corner-all" />
  175.       <div id="branches-contain" class="ui-widget">
  176.         <!--     <p>Existing Branches:</p> -->
  177.         <table id="branches" class="ui-widget ui-widget-content">
  178.           <thead>
  179.             <tr class="ui-widget-header ">
  180.               <th>Name</th>
  181.               <th>Owner</th>
  182.               <th>Description</th>
  183.             </tr>
  184.           </thead>
  185.           <tbody>
  186.             <tr>
  187.             </tr>
  188.           </tbody>
  189.         </table>
  190.       </div>
  191.     </div>
  192.  
  193.     <div id="dialog-confirm-delete" title="Remove Codeline or Connections">
  194.       <div>
  195. 	<div class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;">
  196. 	</div>
  197. 	<p>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
  198.       </div>
  199.     </div>
  200.  
  201.     <div id="dialog-export-graph" title="Export Graph">
  202.       <textarea class="ui-widget xml-export"></textarea>
  203.     </div>
  204.  
  205.     <div id="dialog-import-graph" title="Import Graph">
  206.       <div class="error-message"></div>
  207.       <textarea class="ui-widget xml-import"></textarea>
  208.     </div>
  209.  
  210.     <div id="dialog-clear-graph" title="Confirm Clearing Graph">
  211.       <div>
  212.         Are you sure you want to delete all elements in this graph?
  213.       </div>
  214.     </div>
  215.  
  216.   </body>
  217. </html>
# Change User Description Committed
#1 16445 christiane_renck Rename/move file(s) 9 years ago
//guest/christiane_renck/MergeQuestJS/main/src/mergequest.html
#1 16444 christiane_renck Adding MergeQuestJS to the Workshop. 9 years ago