ckIndex.html #4

  • //
  • guest/
  • david_george/
  • StreamGraph/
  • ckIndex.html
  • View
  • Commits
  • Open Download .zip Download (9 KB)
   <html>  
     <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Streams Layout Graph</title>
		<!--1<script type="text/javascript">P4JsApi.setWebKitDeveloperExtrasEnabled(true);</script>-->
		<link rel="stylesheet" href="css/style.css" /> 
		<link rel="stylesheet" href="css/jquery.contextMenu.css" /> 
		<!--<link rel="stylesheet" type="text/css" href="css/flexigrid.css"> -->
        <link rel="stylesheet" type="text/css" href="css/flexigrid.pack.css">
		<link type="text/css" href="css/cupertino/jquery-ui-1.8.7.custom.css" rel="stylesheet" />
		<script type="text/javascript" src="js/jquery/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/jquery/jquery-ui-1.8.7.custom.min.js"></script>
		<script type="text/javascript" src="js/jquery/jquery.contextMenu.js"></script>
		<script type="text/javascript" src="js/common/WorkspaceNode.js"></script>
		<script type="text/javascript" src="js/common/workspace.js"></script>
		<script type="text/javascript" src="js/common/NodeList.js"></script>
		<script type="text/javascript" src="js/common/ChangeNode.js"></script>
		<script type="text/javascript" src="js/common/TimelineDisplay.js"></script>
		<script type="text/javascript" src="js/common/TimelineModel.js"></script>
		<script type="text/javascript" src="js/common/TrajectoryNode.js"></script>
		<script type="text/javascript" src="js/common/TrajectoryLink.js"></script>
		<script type="text/javascript" src="js/common/TrajectoryView.js"></script>
		<script type="text/javascript" src="js/common/TrajectoryModel.js"></script>
        <script type="text/javascript" src="js/common/StreamUtilities.js"></script>
        <script type="text/javascript" src="js/common/MWLayout.js"></script>
        <script type="text/javascript" src="js/common/AncestorLayout.js"></script>
        <script type="text/javascript" src="js/common/stream.js"></script>
        <script type="text/javascript" src="js/common/DefaultStreamNode.js"></script>
        <script type="text/javascript" src="js/common/StreamNode.js"></script>
        <script type="text/javascript" src="js/common/StreamLink.js"></script>
        <script type="text/javascript" src="js/common/streamview.js"></script>
        <script type="text/javascript" src="js/clientkit/GitRepoStorageHandler.js"></script>
        <script type="text/javascript" src="js/clientkit/GitRepoNode.js"></script>
        <script type="text/javascript" src="js/clientkit/GitRepo.js"></script>
        <script type="text/javascript" src="js/clientkit/ckStreamView.js"></script>
        <script type="text/javascript" src="js/flexigrid/flexigrid.pack.js"></script>
        <!--<script type="text/javascript" src="js/flexigrid/flexigrid.js"></script>-->
    </head>  
	<body id="theDoc">
		<div id="gitCreateDialog" title="Create a new Git repository">
			<p class="validateTips">All form fields are required.</p>
				<label for="repoName">Git repo name</label>
				<input type="text" name="repoName" id="repoName" class="text ui-widget-content ui-corner-all" value='master'/>

                <label for="repoFolder">Git repo location</label>
                <table>    
                    <tr>
                        <td>
                            <input type="text" name="repoFolder" id="repoFolder"  class="text ui-widget-content ui-corner-all"/>
                        </td>
                        <td>
                            <input type="button" name="repoBrowse" id="repoBrowse" value='Browse'/>
                        </td>
                    </tr>
                </table>

                <label for="workspaceName">Perforce workspace name</label>
				<input type="text" name="workspaceName" id="workspaceName" class="text ui-widget-content ui-corner-all" value='gitWorkspace' />

                <label for="workspaceFolder">Perforce workspace location</label>
                <table>	
                    <tr>
                        <td>
                            <input type="text" name="workspaceFolder" id="workspaceFolder" class="text ui-widget-content ui-corner-all"/>
                        </td>
                        <td>
                            <input type="button" name="workspaceBrowse" id="workspaceBrowse" value='Browse'/>
                        </td>
                    </tr>
                </table>
		</div>

		<div id="p4ConnectionDialog" title="Connect to Perforce server">
            <label for="p4Port">Server:</label>
            <input type="text" name="p4Port" id="p4Port" class="text ui-widget-content ui-corner-all" value='eco:3309'/>
            <label for="p4User">User:</label>
            <input type="text" name="p4User" id="p4User" class="text ui-widget-content ui-corner-all"/>
            <label for="p4Workspace">Workspace:</label>
            <input type="text" name="p4Workspace" id="p4Workspace" class="text ui-widget-content ui-corner-all" value=''/>
		</div>
        
		<div id="trajectoryDialog" title="Change Trajectory">
		<form  class='nodelete'>
			<div class='nodelete' id="changeTypeRadio">
				<input class='nodelete' type="radio" id="originRadio" name="radio" checked="true" /><label class='nodelete' for="originRadio">Show a change's origin</label>
				<input class='nodelete' type="radio" id="propagateRadio" name="radio" /><label class='nodelete' for="propagateRadio">Show a change's propagation path</label>
			</div>		
			<div class='nodelete' id='progressbar'></div>
            <table id="changeTable" style="display: none"></table>
		</form>
		</div>

		<div id="streamDialog" title="Stream Details">
			<p id='streamName'>Name:</p>
			<p id='streamPath'>Stream:</p>
			<p id='streamOwner'>Owner:</p><img id="ownerPic" alt="Photo"/>
			<p id='streamParent'>Parent:</p>
			<p id='streamType'>Type:</p>
			<p id='streamDescription'>Description:</p>
			<p id='streamOptions'>Options:</p>
			<p id='streamPaths'>Paths:</p>
		</div>

		<div id="gitDetailsDialog" title="Git Details">
			<p id='gitName'>Name:</p>
			<p id='gitParent'>Parent:</p>
			<p id='gitType'>Type:</p>
			<p id='gitDescription'>Description:</p>
			<p id='gitWorkspaceName'>Stream path:</p>
			<p id='gitWorkspacePath'>Perforce workspace path:</p>
			<p id='gitRepoPath'>Git Repo path:</p>
		</div>
        
		<div id="changeDetails" title="Change Details">
			<p id='changeChange'>Change:</p>
			<p id='changeDate'>Date:</p>
			<p id='changeClient'>Client:</p>
			<p id='changeDescription'>Description:</p>
			<p id='changeStatus'>Status:</p>
			<p id='changeType'>Type:</p>
			<p id='changeUser'>User:</p>
			<p id='changePath'>Path:</p>
			<p id='changeHistory'>Integration history:</p>
			<select id="integrationSelect" size=7 style="width: 240px"  ></select>
		</div>

		<div id="changeSelector" title="Changes">
			<p>Click change to see details:</p>
			<select id="changeSelect" size=7 style="width: 240px"  ></select>
		</div>

		<div id="toolbar" zIndex='300'>
			<font color='lightgray' id='viewPrompt'><label>To view streams, click on a stream depot, stream, or file in the depot tree</label></font>
			<select id="userSelect"></select>
			<select id="depotSelect"></select>
		</div>

		<div id="streamGraph"></div>
		<div id="TextTester" style = 'visibility: hidden; position: absolute;'>
			abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
		</div>
		
		<ul id="streamMenu" class="contextMenu">
			<li class="details">
				<a href="#details">Details</a>
			</li>
			<li class="change separator">
				<a href="#trajectory">Change Flow</a>
			</li>
			<li class="timeline separator">
				<a href="#timeline">Timeline</a>
			</li>
			<li class="defaultSkin separator">
				<a href="#defaultSkin">Default skin</a>
			</li>
			<li class="gumdropSkin">
				<a href="#gumdropSkin">Gumdrop skin</a>
			</li>
			<li class="verticalLayout separator">
				<a href="#verticalLayout">Vertical layout</a>
			</li>
			<li class="ancestorLayout">
				<a href="#ancestorLayout">Ancestor layout</a>
			</li>
			<li class="gitRepoCreate separator">
				<a id='gitRepoCreate' href="#gitRepoCreate">Create Git repo...</a>
			</li>
		</ul>

		<ul id="workspaceMenu" class="contextMenu">
			<li class="details">
				<a href="#details">Details</a>
			</li>
			<li class="push separator">
				<a href="#push">Push</a>
			</li>
			<li class="pull">
				<a href="#pull">Pull</a>
			</li>
			<li class="merge separator">
				<a href="#merge">Merge</a>
			</li>
			<li class="promote">
				<a href="#promote">Promote</a>
			</li>
			<li class="switch separator">
				<a href="#switch">Switch to this</a>
			</li>
		</ul>

		<ul id="gitRepoMenu" class="contextMenu">
			<li class="gitDetails">
				<a href="#gitDetails">Details</a>
			</li>
			<li class="branchGitRepo">
				<a href="#branchGitRepo">Branch...</a>
			</li>
			<li class="deleteGitRepo">
				<a href="#deleteGitRepo">Delete...</a>
			</li>
			<li class="gitMergeDown separator">
				<a id="gitMergeDown" href="#gitMergeDown">rebase (merge down)...</a>
			</li>
			<li class="gitCopyUp">
				<a id="gitCopyUp" href="#gitCopyUp">submit (copy up)...</a>
			</li>
			<li class="gitTerminal separator">
				<a id="gitTerminal" href="#gitTerminal">Open terminal</a>
			</li>
			<li class="refresh separator">
				<a id="refresh" href="#refresh">Refresh</a>
			</li>
		</ul>
	</body>  
   </html>  
# Change User Description Committed
#4 8214 David George Re-implemented gumdrop skin in stream graph.
Made selection work in P4V.
#3 8116 David George Interim checkin so Jaimen can test against ClientKit.
#2 8089 David George More optimization of the changelist trajectory dialog.
Updated the third-party flexigrid.
Updated jquery.
Added timeTracker, a temporary object that'll assist me in tracking time for optimization purposes.
#1 8081 David George Initial submit of JavaScript StreamGraph.
 Main functionality is: Change Trajectory (Change Flow), Timeline, and GitStreams.