mergequest.html #1

  • //
  • guest/
  • christiane_renck/
  • mergequestjs/
  • main/
  • src/
  • mergequest.html
  • View
  • Commits
  • Open Download .zip Download (9 KB)
<!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> 
# Change User Description Committed
#1 16445 christiane_renck Rename/move file(s)
//guest/christiane_renck/MergeQuestJS/main/src/mergequest.html
#1 16444 christiane_renck Adding MergeQuestJS to the Workshop.