Loading...
Helix SwarmHelix Swarm
Loading...

ckIndex.html

  • //
  • guest/
  • david_george/
  • StreamGraph/
  • ckIndex.html #4
  • View
  • Commits
  • Open Download .zip Download (9 KB) 
  1.    <html>  
  2.      <head>  
  3.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4.         <title>Streams Layout Graph</title>
  5. 		<!--1<script type="text/javascript">P4JsApi.setWebKitDeveloperExtrasEnabled(true);</script>-->
  6. 		<link rel="stylesheet" href="css/style.css" /> 
  7. 		<link rel="stylesheet" href="css/jquery.contextMenu.css" /> 
  8. 		<!--<link rel="stylesheet" type="text/css" href="css/flexigrid.css"> -->
  9.         <link rel="stylesheet" type="text/css" href="css/flexigrid.pack.css">
  10. 		<link type="text/css" href="css/cupertino/jquery-ui-1.8.7.custom.css" rel="stylesheet" />
  11. 		<script type="text/javascript" src="js/jquery/jquery-1.7.2.min.js"></script>
  12. 		<script type="text/javascript" src="js/jquery/jquery-ui-1.8.7.custom.min.js"></script>
  13. 		<script type="text/javascript" src="js/jquery/jquery.contextMenu.js"></script>
  14. 		<script type="text/javascript" src="js/common/WorkspaceNode.js"></script>
  15. 		<script type="text/javascript" src="js/common/workspace.js"></script>
  16. 		<script type="text/javascript" src="js/common/NodeList.js"></script>
  17. 		<script type="text/javascript" src="js/common/ChangeNode.js"></script>
  18. 		<script type="text/javascript" src="js/common/TimelineDisplay.js"></script>
  19. 		<script type="text/javascript" src="js/common/TimelineModel.js"></script>
  20. 		<script type="text/javascript" src="js/common/TrajectoryNode.js"></script>
  21. 		<script type="text/javascript" src="js/common/TrajectoryLink.js"></script>
  22. 		<script type="text/javascript" src="js/common/TrajectoryView.js"></script>
  23. 		<script type="text/javascript" src="js/common/TrajectoryModel.js"></script>
  24.         <script type="text/javascript" src="js/common/StreamUtilities.js"></script>
  25.         <script type="text/javascript" src="js/common/MWLayout.js"></script>
  26.         <script type="text/javascript" src="js/common/AncestorLayout.js"></script>
  27.         <script type="text/javascript" src="js/common/stream.js"></script>
  28.         <script type="text/javascript" src="js/common/DefaultStreamNode.js"></script>
  29.         <script type="text/javascript" src="js/common/StreamNode.js"></script>
  30.         <script type="text/javascript" src="js/common/StreamLink.js"></script>
  31.         <script type="text/javascript" src="js/common/streamview.js"></script>
  32.         <script type="text/javascript" src="js/clientkit/GitRepoStorageHandler.js"></script>
  33.         <script type="text/javascript" src="js/clientkit/GitRepoNode.js"></script>
  34.         <script type="text/javascript" src="js/clientkit/GitRepo.js"></script>
  35.         <script type="text/javascript" src="js/clientkit/ckStreamView.js"></script>
  36.         <script type="text/javascript" src="js/flexigrid/flexigrid.pack.js"></script>
  37.         <!--<script type="text/javascript" src="js/flexigrid/flexigrid.js"></script>-->
  38.     </head>  
  39. 	<body id="theDoc">
  40. 		<div id="gitCreateDialog" title="Create a new Git repository">
  41. 			<p class="validateTips">All form fields are required.</p>
  42. 				<label for="repoName">Git repo name</label>
  43. 				<input type="text" name="repoName" id="repoName" class="text ui-widget-content ui-corner-all" value='master'/>
  44.  
  45.                 <label for="repoFolder">Git repo location</label>
  46.                 <table>    
  47.                     <tr>
  48.                         <td>
  49.                             <input type="text" name="repoFolder" id="repoFolder"  class="text ui-widget-content ui-corner-all"/>
  50.                         </td>
  51.                         <td>
  52.                             <input type="button" name="repoBrowse" id="repoBrowse" value='Browse'/>
  53.                         </td>
  54.                     </tr>
  55.                 </table>
  56.  
  57.                 <label for="workspaceName">Perforce workspace name</label>
  58. 				<input type="text" name="workspaceName" id="workspaceName" class="text ui-widget-content ui-corner-all" value='gitWorkspace' />
  59.  
  60.                 <label for="workspaceFolder">Perforce workspace location</label>
  61.                 <table>	
  62.                     <tr>
  63.                         <td>
  64.                             <input type="text" name="workspaceFolder" id="workspaceFolder" class="text ui-widget-content ui-corner-all"/>
  65.                         </td>
  66.                         <td>
  67.                             <input type="button" name="workspaceBrowse" id="workspaceBrowse" value='Browse'/>
  68.                         </td>
  69.                     </tr>
  70.                 </table>
  71. 		</div>
  72.  
  73. 		<div id="p4ConnectionDialog" title="Connect to Perforce server">
  74.             <label for="p4Port">Server:</label>
  75.             <input type="text" name="p4Port" id="p4Port" class="text ui-widget-content ui-corner-all" value='eco:3309'/>
  76.             <label for="p4User">User:</label>
  77.             <input type="text" name="p4User" id="p4User" class="text ui-widget-content ui-corner-all"/>
  78.             <label for="p4Workspace">Workspace:</label>
  79.             <input type="text" name="p4Workspace" id="p4Workspace" class="text ui-widget-content ui-corner-all" value=''/>
  80. 		</div>
  81.         
  82. 		<div id="trajectoryDialog" title="Change Trajectory">
  83. 		<form  class='nodelete'>
  84. 			<div class='nodelete' id="changeTypeRadio">
  85. 				<input class='nodelete' type="radio" id="originRadio" name="radio" checked="true" /><label class='nodelete' for="originRadio">Show a change's origin</label>
  86. 				<input class='nodelete' type="radio" id="propagateRadio" name="radio" /><label class='nodelete' for="propagateRadio">Show a change's propagation path</label>
  87. 			</div>		
  88. 			<div class='nodelete' id='progressbar'></div>
  89.             <table id="changeTable" style="display: none"></table>
  90. 		</form>
  91. 		</div>
  92.  
  93. 		<div id="streamDialog" title="Stream Details">
  94. 			<p id='streamName'>Name:</p>
  95. 			<p id='streamPath'>Stream:</p>
  96. 			<p id='streamOwner'>Owner:</p><img id="ownerPic" alt="Photo"/>
  97. 			<p id='streamParent'>Parent:</p>
  98. 			<p id='streamType'>Type:</p>
  99. 			<p id='streamDescription'>Description:</p>
  100. 			<p id='streamOptions'>Options:</p>
  101. 			<p id='streamPaths'>Paths:</p>
  102. 		</div>
  103.  
  104. 		<div id="gitDetailsDialog" title="Git Details">
  105. 			<p id='gitName'>Name:</p>
  106. 			<p id='gitParent'>Parent:</p>
  107. 			<p id='gitType'>Type:</p>
  108. 			<p id='gitDescription'>Description:</p>
  109. 			<p id='gitWorkspaceName'>Stream path:</p>
  110. 			<p id='gitWorkspacePath'>Perforce workspace path:</p>
  111. 			<p id='gitRepoPath'>Git Repo path:</p>
  112. 		</div>
  113.         
  114. 		<div id="changeDetails" title="Change Details">
  115. 			<p id='changeChange'>Change:</p>
  116. 			<p id='changeDate'>Date:</p>
  117. 			<p id='changeClient'>Client:</p>
  118. 			<p id='changeDescription'>Description:</p>
  119. 			<p id='changeStatus'>Status:</p>
  120. 			<p id='changeType'>Type:</p>
  121. 			<p id='changeUser'>User:</p>
  122. 			<p id='changePath'>Path:</p>
  123. 			<p id='changeHistory'>Integration history:</p>
  124. 			<select id="integrationSelect" size=7 style="width: 240px"  ></select>
  125. 		</div>
  126.  
  127. 		<div id="changeSelector" title="Changes">
  128. 			<p>Click change to see details:</p>
  129. 			<select id="changeSelect" size=7 style="width: 240px"  ></select>
  130. 		</div>
  131.  
  132. 		<div id="toolbar" zIndex='300'>
  133. 			<font color='lightgray' id='viewPrompt'><label>To view streams, click on a stream depot, stream, or file in the depot tree</label></font>
  134. 			<select id="userSelect"></select>
  135. 			<select id="depotSelect"></select>
  136. 		</div>
  137.  
  138. 		<div id="streamGraph"></div>
  139. 		<div id="TextTester" style = 'visibility: hidden; position: absolute;'>
  140. 			abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
  141. 		</div>
  142. 		
  143. 		<ul id="streamMenu" class="contextMenu">
  144. 			<li class="details">
  145. 				<a href="#details">Details</a>
  146. 			</li>
  147. 			<li class="change separator">
  148. 				<a href="#trajectory">Change Flow</a>
  149. 			</li>
  150. 			<li class="timeline separator">
  151. 				<a href="#timeline">Timeline</a>
  152. 			</li>
  153. 			<li class="defaultSkin separator">
  154. 				<a href="#defaultSkin">Default skin</a>
  155. 			</li>
  156. 			<li class="gumdropSkin">
  157. 				<a href="#gumdropSkin">Gumdrop skin</a>
  158. 			</li>
  159. 			<li class="verticalLayout separator">
  160. 				<a href="#verticalLayout">Vertical layout</a>
  161. 			</li>
  162. 			<li class="ancestorLayout">
  163. 				<a href="#ancestorLayout">Ancestor layout</a>
  164. 			</li>
  165. 			<li class="gitRepoCreate separator">
  166. 				<a id='gitRepoCreate' href="#gitRepoCreate">Create Git repo...</a>
  167. 			</li>
  168. 		</ul>
  169.  
  170. 		<ul id="workspaceMenu" class="contextMenu">
  171. 			<li class="details">
  172. 				<a href="#details">Details</a>
  173. 			</li>
  174. 			<li class="push separator">
  175. 				<a href="#push">Push</a>
  176. 			</li>
  177. 			<li class="pull">
  178. 				<a href="#pull">Pull</a>
  179. 			</li>
  180. 			<li class="merge separator">
  181. 				<a href="#merge">Merge</a>
  182. 			</li>
  183. 			<li class="promote">
  184. 				<a href="#promote">Promote</a>
  185. 			</li>
  186. 			<li class="switch separator">
  187. 				<a href="#switch">Switch to this</a>
  188. 			</li>
  189. 		</ul>
  190.  
  191. 		<ul id="gitRepoMenu" class="contextMenu">
  192. 			<li class="gitDetails">
  193. 				<a href="#gitDetails">Details</a>
  194. 			</li>
  195. 			<li class="branchGitRepo">
  196. 				<a href="#branchGitRepo">Branch...</a>
  197. 			</li>
  198. 			<li class="deleteGitRepo">
  199. 				<a href="#deleteGitRepo">Delete...</a>
  200. 			</li>
  201. 			<li class="gitMergeDown separator">
  202. 				<a id="gitMergeDown" href="#gitMergeDown">rebase (merge down)...</a>
  203. 			</li>
  204. 			<li class="gitCopyUp">
  205. 				<a id="gitCopyUp" href="#gitCopyUp">submit (copy up)...</a>
  206. 			</li>
  207. 			<li class="gitTerminal separator">
  208. 				<a id="gitTerminal" href="#gitTerminal">Open terminal</a>
  209. 			</li>
  210. 			<li class="refresh separator">
  211. 				<a id="refresh" href="#refresh">Refresh</a>
  212. 			</li>
  213. 		</ul>
  214. 	</body>  
  215.    </html>
# Change User Description Committed
#4 8214 David George Re-implemented gumdrop skin in stream graph.
Made selection work in P4V. 		12 years ago
#3 8116 David George Interim checkin so Jaimen can test against ClientKit. 13 years ago
#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. «		 13 years ago
#1 8081 David George Initial submit of JavaScript StreamGraph.
 Main functionality is: Change Trajectory... (Change Flow), Timeline, and GitStreams. «		 13 years ago