gitblit 自定义URL复制按钮

修改UI页面

首先解压:gitblit.jar

路径:com\gitblit\wicket\panels\

页面RepositoryUrlPanel.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  
      xmlns:wicket="http://wicket.apache.org/dtds.data/wicket-xhtml1.3-strict.dtd"  
      xml:lang="en"  
      lang="en"> 

<wicket:panel>

	<div wicket:id="repositoryUrlPanel"></div>
	<div wicket:id="applicationMenusPanel"></div>
	<div wicket:id="repositoryIndicators"></div>
	
	<wicket:fragment wicket:id="repositoryUrlFragment">
		<div class="btn-toolbar" style="margin: 0px;">
			<div class="btn-group repositoryUrlContainer">
				<img style="vertical-align: middle;padding: 0px 0px 1px 3px;" wicket:id="accessRestrictionIcon"></img>
				<span wicket:id="menu"></span>
   				<!-- 主URL在这里配置 -->
   				<div class="repositoryUrl">
   					<span><span wicket:id="primaryUrl">[repository primary url]</span> </span>
   					<span class="hidden-phone hidden-tablet" wicket:id="copyFunction"></span>
   					<button onclick="copyURLToClip(this)">copy</button>
   				</div>
   				<span class="hidden-phone hidden-tablet repositoryUrlRightCap" wicket:id="primaryUrlPermission">[repository primary url permission]</span>
   			</div>
		</div>
	</wicket:fragment>
	
	<wicket:fragment wicket:id="indicatorsFragment">
		<div>
	   		<div wicket:id="workingCopyIndicator"></div>
			<div wicket:id="forksProhibitedIndicator"></div>
		</div>
	</wicket:fragment>
	
	<wicket:fragment wicket:id="applicationMenusFragment">
		<div class="btn-toolbar" style="margin: 4px 0px 0px 0px;">
			<div class="btn-group" wicket:id="appMenus">
				<span wicket:id="appMenu"></span>
   			</div>
		</div>
	</wicket:fragment>
	
	<wicket:fragment wicket:id="appMenuFragment">
		<a class="btn btn-mini btn-appmenu" data-toggle="dropdown" href="#">   				
	    	<span wicket:id="applicationName"></span>
    		<span class="caret"></span>
   		</a>
   		<ul class="dropdown-menu applicationMenu">
   			<li>
   				<div class="applicationHeaderMenuItem">
   					<div style="float:right">
   						<img style="padding-right: 5px;vertical-align: middle;" wicket:id="applicationIcon"></img>
   					</div>
   					<span class="applicationTitle" wicket:id="applicationTitle"></span>
   				</div>
   			</li>
	   		<li><div class="applicationHeaderMenuItem"><span wicket:id="applicationDescription"></span></div></li>
   			<li><div class="applicationLegalMenuItem"><span wicket:id="applicationLegal"></span></div></li>
   			
   			<li class="divider" style="margin: 5px 1px 0px 1px;clear:both;" ></li>
   		
   		    <!-- Git 下拉菜单在这里配置 -->
   			<li class="action" wicket:id="actionItems">
   				<span wicket:id="actionItem"></span><button onclick="copyActionToClip(this)">copy</button>
   			</li>
   		</ul>
	</wicket:fragment>
	
	<wicket:fragment wicket:id="urlProtocolMenuFragment">
		<a class="" data-toggle="dropdown" href="#">   				
    		<span class="repositoryUrlLeftCap" wicket:id="menuText">URLs</span>
	   		<span class="caret" style="vertical-align: middle;"></span>
   		</a>
   		<!-- URL下拉菜单在这里配置 -->
   		<ul class="dropdown-menu urlMenu">
   			<li class="url" wicket:id="repoUrls"><span wicket:id="repoUrl"></span><button onclick="copyRepoUrlToClip(this)">copy</button></li>
	   	</ul>
	</wicket:fragment>
	
	<wicket:fragment wicket:id="actionFragment">
		<span wicket:id="permission" style="margin: 0px 10px 0px 5px;"></span><span wicket:id="content"></span><span class="hidden-phone hidden-tablet" wicket:id="copyFunction"></span>
	</wicket:fragment>

    <!-- Plain JavaScript manual copy & paste -->
    <wicket:fragment wicket:id="jsPanel">
    	<span style="vertical-align:baseline;">
    		<img wicket:id="copyIcon" wicket:message="title:gb.copyToClipboard"></img>
    	</span>
    </wicket:fragment>
    
    <!-- flash-based button-press copy & paste -->
    <wicket:fragment wicket:id="clippyPanel">
   		<object wicket:message="title:gb.copyToClipboard" style="vertical-align:middle;"
   			wicket:id="clippy"
   			width="14" 
   			height="14"
   			bgcolor="#ffffff" 
       		quality="high"
       		wmode="transparent"
       		scale="noscale"
       		allowScriptAccess="sameDomain"></object>
	</wicket:fragment>

	<wicket:fragment wicket:id="workingCopyFragment">
		<div class="repositoryIndicator">
			<span class="alert alert-info"><i class="icon-exclamation-sign"></i>&nbsp;<span class="hidden-phone" wicket:id="workingCopy">[working copy]</span></span>
		</div>
	</wicket:fragment>

	<wicket:fragment wicket:id="forksProhibitedFragment">
		<div class="repositoryIndicator">
			<span class="alert alert-error"><i class="icon-ban-circle"></i>&nbsp;<span class="hidden-phone" wicket:id="forksProhibited">[forks prohibited]</span></span>
		</div>
	</wicket:fragment>
	
	<script>

		/**
		* 主URL
		* 复制内容到粘贴板
		*/
		function copyURLToClip(copyBtn) {
		  //获取复制内容
		  var parentEle = copyBtn.parentNode;
		  var urlEle = parentEle.children[0];
		  var content = urlEle.innerText;
		  //执行复制
		  var inputEle = document.createElement("input");
		  inputEle.setAttribute("value", content);
		  document.body.appendChild(inputEle);
		  inputEle.select();
		  document.execCommand("copy");
		  document.body.removeChild(inputEle);
		  alert("copy success!\n"+content);
		}

		/**
		* URL下拉菜单
		* 复制内容到粘贴板
		*/
		function copyRepoUrlToClip(copyBtn) {
		  //获取复制内容
		  var actionEle = copyBtn.parentNode;
		  var rowSpanEle = actionEle.childNodes[0];
		  var content = rowSpanEle.innerText;
		  //执行复制
		  var inputEle = document.createElement("input");
		  inputEle.setAttribute("value", content);
		  document.body.appendChild(inputEle);
		  inputEle.select();
		  document.execCommand("copy");
		  document.body.removeChild(inputEle);
		  alert("copy success!\n"+content);
		}


		/**
		* Git下拉菜单
		* 复制内容到粘贴板
		*/
		function copyActionToClip(copyBtn) {
		  //获取复制内容
		  var actionEle = copyBtn.parentNode;
		  var rowSpanEle = actionEle.children[0];
		  var urlEle = rowSpanEle.children[1];
		  var content = urlEle.innerText;
		  //执行复制
		  var inputEle = document.createElement("input");
		  inputEle.setAttribute("value", content);
		  document.body.appendChild(inputEle);
		  inputEle.select();
		  document.execCommand("copy");
		  document.body.removeChild(inputEle);
		  alert("copy success!\n"+content);
		}
	</script>
			
</wicket:panel>

</html>

修改位置说明:

脚本:

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值